@yandex/ui
Version:
Yandex UI components
23 lines (22 loc) • 1.15 kB
JavaScript
import React from 'react';
import { select, boolean } from '@storybook/addon-knobs';
import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/Button.bundle/desktop';
export var Playground = function () {
var gap = select('gapSize', ['s', 'm', 'l', 'xl', ''], '');
var pin = select('pin', ['round', 'circle', ''], '');
var vertical = boolean('vertical', false);
var disabled = boolean('disabled', false);
var buttonView = select('button view', ['default', 'action', 'pseudo', 'link', 'clear', 'raised', ''], 'default');
var buttonSize = select('button size', ['s', 'm', 'l'], 'm');
return (React.createElement(ButtonGroup, { gap: gap, pin: pin, vertical: vertical, disabled: disabled },
React.createElement(Button, { view: buttonView, size: buttonSize },
' ',
"Button 1"),
React.createElement(Button, { view: buttonView, size: buttonSize },
' ',
"Button 2"),
React.createElement(Button, { view: buttonView, size: buttonSize },
' ',
"Button 3")));
};