@yandex/ui
Version:
Yandex UI components
21 lines (20 loc) • 1.45 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Split = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var bundle_2 = require("@yandex-lego/components/Text/bundle");
var bundle_3 = require("@yandex-lego/components/Icon/bundle");
var desktop_1 = require("@yandex-lego/components/Dropdown/desktop");
var SampleMenu_1 = require("./SampleMenu");
var Split = function () {
var anchor = react_1.useRef(null);
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_2.Text, { as: "h2", typography: "headline-l" }, "\u041F\u0440\u0438\u043C\u0435\u0440 \u0441\u043E SplitButton"),
react_1.default.createElement("div", null,
react_1.default.createElement(bundle_1.Button, { view: "link", size: "s", pin: "round-brick" }, "Dropdown"),
react_1.default.createElement(desktop_1.Dropdown, { direction: "top-start", view: "default", hasTail: true, content: react_1.default.createElement(SampleMenu_1.SampleMenu, null) },
react_1.default.createElement(bundle_1.Button, { innerRef: anchor, view: "link", size: "s", pin: "clear-round", icon: function (className) { return react_1.default.createElement(bundle_3.Icon, { type: "arrow", className: className }); } })))));
};
exports.Split = Split;