@yandex/ui
Version:
Yandex UI components
24 lines (23 loc) • 1.74 kB
JavaScript
import React, { useRef } from 'react';
import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
import { Dropdown } from '@yandex-lego/components/Dropdown/desktop';
import { Icon } from '@yandex-lego/components/Icon/Icon.bundle/desktop';
import { SampleMenu } from './SampleMenu';
import './split.css';
export var SplitButton = function () {
var anchor = useRef(null);
return (React.createElement(React.Fragment, null,
React.createElement(ButtonGroup, { pin: "round", gap: "s" },
React.createElement(Button, { view: "action", size: "s", className: "Button_wide" }, "Button"),
React.createElement(Dropdown, { direction: "bottom-start", view: "default", hasTail: true, content: React.createElement(SampleMenu, null) },
React.createElement(Button, { innerRef: anchor, view: "action", size: "s", icon: function (className) { return React.createElement(Icon, { type: "arrow", className: className }); } }))),
React.createElement("br", null),
" ",
React.createElement("br", null),
React.createElement(ButtonGroup, { pin: "round", vertical: true },
React.createElement(Button, { view: "link", size: "s" }, "Button"),
React.createElement(Button, { view: "link", size: "s" }, "Button"),
React.createElement(Dropdown, { direction: "right", view: "default", hasTail: true, content: React.createElement(SampleMenu, null) },
React.createElement(Button, { innerRef: anchor, view: "link", size: "s", icon: function (className) { return React.createElement(Icon, { type: "arrow", className: className }); } })))));
};