@yandex/ui
Version:
Yandex UI components
29 lines (28 loc) • 2.23 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SplitButton = 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 desktop_1 = require("@yandex-lego/components/Dropdown/desktop");
var desktop_2 = require("@yandex-lego/components/Icon/Icon.bundle/desktop");
var SampleMenu_1 = require("./SampleMenu");
require("./split.css");
var SplitButton = function () {
var anchor = react_1.useRef(null);
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round", gap: "s" },
react_1.default.createElement(bundle_2.Button, { view: "action", size: "s", className: "Button_wide" }, "Button"),
react_1.default.createElement(desktop_1.Dropdown, { direction: "bottom-start", view: "default", hasTail: true, content: react_1.default.createElement(SampleMenu_1.SampleMenu, null) },
react_1.default.createElement(bundle_2.Button, { innerRef: anchor, view: "action", size: "s", icon: function (className) { return react_1.default.createElement(desktop_2.Icon, { type: "arrow", className: className }); } }))),
react_1.default.createElement("br", null),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round", vertical: true },
react_1.default.createElement(bundle_2.Button, { view: "link", size: "s" }, "Button"),
react_1.default.createElement(bundle_2.Button, { view: "link", size: "s" }, "Button"),
react_1.default.createElement(desktop_1.Dropdown, { direction: "right", view: "default", hasTail: true, content: react_1.default.createElement(SampleMenu_1.SampleMenu, null) },
react_1.default.createElement(bundle_2.Button, { innerRef: anchor, view: "link", size: "s", icon: function (className) { return react_1.default.createElement(desktop_2.Icon, { type: "arrow", className: className }); } })))));
};
exports.SplitButton = SplitButton;