@yandex/ui/Spacer/__examples__/playground.js

Yandex UI components

"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 Spacer_1 = require("@yandex-lego/components/Spacer");
var Playground = function () {
    var all = addon_knobs_1.text('all', '10px');
    var vertical = addon_knobs_1.text('vertical', '1rem');
    var horizontal = addon_knobs_1.text('horizontal', '1em');
    var top = addon_knobs_1.number('top', 10);
    var bottom = addon_knobs_1.number('bottom', 10);
    var left = addon_knobs_1.number('left', 10);
    var right = addon_knobs_1.number('right', 10);
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Spacer_1.Spacer, { all: all }, "Spacer \u0438\u0437\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F \u0447\u0435\u0440\u0435\u0437 all, \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0435\u043C \u043A\u0430\u043A string"),
        react_1.default.createElement(Spacer_1.Spacer, { vertical: vertical, horizontal: horizontal }, "Spacer \u0438\u0437\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F \u0447\u0435\u0440\u0435\u0437 vertical horizontal, \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0435\u043C \u043A\u0430\u043A string"),
        react_1.default.createElement(Spacer_1.Spacer, { top: top, bottom: bottom, left: left, right: right }, "Spacer \u0438\u0437\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F \u0447\u0435\u0440\u0435\u0437 top bottom left right, \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0435\u043C \u043A\u0430\u043A number")));
};
exports.Playground = Playground;