@yandex/ui
Version:
Yandex UI components
28 lines (27 loc) • 1.5 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Playground = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var addon_knobs_1 = require("@storybook/addon-knobs");
var bundle_1 = require("@yandex-lego/components/ButtonGroup/desktop/bundle");
var desktop_1 = require("@yandex-lego/components/Button/Button.bundle/desktop");
var Playground = function () {
var gap = addon_knobs_1.select('gapSize', ['s', 'm', 'l', 'xl', ''], '');
var pin = addon_knobs_1.select('pin', ['round', 'circle', ''], '');
var vertical = addon_knobs_1.boolean('vertical', false);
var disabled = addon_knobs_1.boolean('disabled', false);
var buttonView = addon_knobs_1.select('button view', ['default', 'action', 'pseudo', 'link', 'clear', 'raised', ''], 'default');
var buttonSize = addon_knobs_1.select('button size', ['s', 'm', 'l'], 'm');
return (react_1.default.createElement(bundle_1.ButtonGroup, { gap: gap, pin: pin, vertical: vertical, disabled: disabled },
react_1.default.createElement(desktop_1.Button, { view: buttonView, size: buttonSize },
' ',
"Button 1"),
react_1.default.createElement(desktop_1.Button, { view: buttonView, size: buttonSize },
' ',
"Button 2"),
react_1.default.createElement(desktop_1.Button, { view: buttonView, size: buttonSize },
' ',
"Button 3")));
};
exports.Playground = Playground;