@yandex/ui/esm/ButtonGroup/__examples__/rtl.examples.js

Yandex UI components

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 Rtl = function () {
    var _a = __read(useState(false), 2), rtl = _a[0], setRtl = _a[1];
    return (React.createElement(React.Fragment, null,
        React.createElement(Button, { onClick: function () { return setRtl(function (prev) { return !prev; }); }, view: "action", size: "m" }, rtl ? 'С права на лево' : 'С лева на право'),
        React.createElement("br", null),
        " ",
        React.createElement("br", null),
        " ",
        React.createElement("br", null),
        React.createElement("div", { dir: rtl ? 'rtl' : '' },
            React.createElement(ButtonGroup, { pin: "round", gap: "s" },
                React.createElement(Button, { view: "action", size: "m" }, "Button 1"),
                React.createElement(Button, { view: "action", size: "m" }, "Button 2")),
            React.createElement("br", null),
            " ",
            React.createElement("br", null),
            React.createElement(ButtonGroup, { pin: "circle" },
                React.createElement(Button, { view: "link", size: "m" }, "Button 1"),
                React.createElement(Button, { view: "link", size: "m" }, "Button 2")))));
};