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

Yandex UI components

import React from 'react';
import { number, text } from '@storybook/addon-knobs';
import { Spacer } from '@yandex-lego/components/Spacer';
export var Playground = function () {
    var all = text('all', '10px');
    var vertical = text('vertical', '1rem');
    var horizontal = text('horizontal', '1em');
    var top = number('top', 10);
    var bottom = number('bottom', 10);
    var left = number('left', 10);
    var right = number('right', 10);
    return (React.createElement(React.Fragment, null,
        React.createElement(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.createElement(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.createElement(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")));
};