@yandex/ui
Version:
Yandex UI components
40 lines (39 loc) • 1.81 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/Icon/bundle");
var types = ['arrow', 'close', 'cross', 'cross-websearch', 'filter'];
var glyphs = [
'carets-v',
'type-arrow',
'type-check',
'type-close',
'type-cross',
'type-cross-websearch',
'type-filter',
'type-indeterminate',
'type-tick',
'x-sign',
];
var Playground = function () {
var type = addon_knobs_1.select('type', types, 'arrow');
var glyph = addon_knobs_1.select('glyph', glyphs, 'type-arrow');
var url = addon_knobs_1.text('url', 'https://yastatic.net/lego/_/Kx6F6RQnQFitm0qRxX7vpvfP0K0.png');
var style = addon_knobs_1.object('style', { width: 16, hight: 16 });
return (react_1.default.createElement("table", { cellSpacing: 5, style: { textAlign: 'center' } },
react_1.default.createElement("tr", null,
react_1.default.createElement("td", null, "_type"),
react_1.default.createElement("td", null, "_glyph"),
react_1.default.createElement("td", null, "url")),
react_1.default.createElement("tr", null,
react_1.default.createElement("td", null,
react_1.default.createElement(bundle_1.Icon, { type: type, style: style })),
react_1.default.createElement("td", null,
react_1.default.createElement(bundle_1.Icon, { glyph: glyph, style: style })),
react_1.default.createElement("td", null,
react_1.default.createElement(bundle_1.Icon, { url: url, style: { width: 16 } })))));
};
exports.Playground = Playground;