@yandex/ui
Version:
Yandex UI components
31 lines (30 loc) • 2.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Vertical = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/ButtonGroup/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Button/desktop/bundle");
var Vertical = function () {
var _a = tslib_1.__read(react_1.useState(false), 2), vertical = _a[0], setVertical = _a[1];
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.ButtonGroup, { vertical: vertical },
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action", onClick: function () { return setVertical(function (prev) { return !prev; }); } }, vertical ? 'Сделать горизонтальной' : 'Сделать вертикальной'),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 1"),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 2")),
react_1.default.createElement("br", null),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(bundle_1.ButtonGroup, { vertical: vertical, pin: "round", gap: "s" },
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action", onClick: function () { return setVertical(function (prev) { return !prev; }); } }, vertical ? 'Сделать горизонтальной' : 'Сделать вертикальной'),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 1"),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 2")),
react_1.default.createElement("br", null),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(bundle_1.ButtonGroup, { vertical: vertical, pin: "circle" },
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action", onClick: function () { return setVertical(function (prev) { return !prev; }); } }, vertical ? 'Сделать горизонтальной' : 'Сделать вертикальной'),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 1"),
react_1.default.createElement(bundle_2.Button, { size: "m", view: "action" }, "Button 2"))));
};
exports.Vertical = Vertical;