@yandex/ui
Version:
Yandex UI components
27 lines (26 loc) • 2.1 kB
JavaScript
import { __read } from "tslib";
import React, { useState } from 'react';
import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
export var Vertical = function () {
var _a = __read(useState(false), 2), vertical = _a[0], setVertical = _a[1];
return (React.createElement(React.Fragment, null,
React.createElement(ButtonGroup, { vertical: vertical },
React.createElement(Button, { size: "m", view: "action", onClick: function () { return setVertical(function (prev) { return !prev; }); } }, vertical ? 'Сделать горизонтальной' : 'Сделать вертикальной'),
React.createElement(Button, { size: "m", view: "action" }, "Button 1"),
React.createElement(Button, { size: "m", view: "action" }, "Button 2")),
React.createElement("br", null),
" ",
React.createElement("br", null),
React.createElement(ButtonGroup, { vertical: vertical, pin: "round", gap: "s" },
React.createElement(Button, { size: "m", view: "action", onClick: function () { return setVertical(function (prev) { return !prev; }); } }, vertical ? 'Сделать горизонтальной' : 'Сделать вертикальной'),
React.createElement(Button, { size: "m", view: "action" }, "Button 1"),
React.createElement(Button, { size: "m", view: "action" }, "Button 2")),
React.createElement("br", null),
" ",
React.createElement("br", null),
React.createElement(ButtonGroup, { vertical: vertical, pin: "circle" },
React.createElement(Button, { size: "m", view: "action", onClick: function () { return setVertical(function (prev) { return !prev; }); } }, vertical ? 'Сделать горизонтальной' : 'Сделать вертикальной'),
React.createElement(Button, { size: "m", view: "action" }, "Button 1"),
React.createElement(Button, { size: "m", view: "action" }, "Button 2"))));
};