@yandex/ui
Version:
Yandex UI components
47 lines (46 loc) • 2.19 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Playground = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var addon_knobs_1 = require("@storybook/addon-knobs");
var bundle_1 = require("@yandex-lego/components/RadioButton/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Icon/bundle");
var Playground = function () {
var _a = tslib_1.__read(react_1.useState('b'), 2), value = _a[0], setValue = _a[1];
var size = addon_knobs_1.select('size', ['s', 'm', 'l'], 'm');
var view = addon_knobs_1.select('view', ['default', ''], 'default');
var disabled = addon_knobs_1.boolean('disabled', false);
var options = addon_knobs_1.object('options', [
{
value: 'a',
children: 'Option A',
},
{
value: 'b',
children: react_1.default.createElement(bundle_2.Icon, { type: "filter", style: { width: 12 } }),
},
{
value: 'c',
children: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_2.Icon, { glyph: "type-check", style: { width: 16, marginRight: 4 } }),
"Option C")),
},
{
value: 'd',
children: (react_1.default.createElement(react_1.default.Fragment, null,
"Option D (",
react_1.default.createElement("b", null, "disabled"),
")")),
disabled: true,
},
{
value: 'e',
children: (react_1.default.createElement(react_1.default.Fragment, null,
"Option E",
react_1.default.createElement(bundle_2.Icon, { glyph: "type-check", style: { width: 16, marginLeft: 4 } }))),
},
]);
return (react_1.default.createElement(bundle_1.RadioButton, { size: size, view: view, disabled: disabled, options: options, value: value, onChange: function (event) { return setValue(event.target.value); }, "aria-label": "\u0420\u0430\u0434\u0438\u043E\u0433\u0440\u0443\u043F\u043F\u0430" }));
};
exports.Playground = Playground;