@yandex/ui
Version:
Yandex UI components
27 lines (26 loc) • 1.91 kB
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { ButtonGroup, useButtonGroupState } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/Button.bundle/desktop';
import { Dropdown as DropdownWrapper } from '@yandex-lego/components/Dropdown/desktop';
// Обертка над Dropdown, для того передачи пропсов из ButtonGroup в кнопку
var Dropdown = function (props) { return (React.createElement(DropdownWrapper, { view: "default", trigger: "click", content: 'Dropdowned' },
React.createElement(Button, __assign({ view: "default", size: "m" }, props), props.children))); };
export var DropDown = function () {
var state = useButtonGroupState({ type: 'radio' });
return (React.createElement(React.Fragment, null,
React.createElement(ButtonGroup, { pin: "round" },
React.createElement(DropdownWrapper, { view: "default", trigger: "click", content: 'Dropdowned' },
React.createElement(Button, { view: "default", size: "m" }, "Dropdown")),
React.createElement(DropdownWrapper, { view: "default", trigger: "click", content: 'Dropdowned' },
React.createElement(Button, { view: "default", size: "m" }, "Dropdown")),
React.createElement(DropdownWrapper, { view: "default", trigger: "click", content: 'Dropdowned' },
React.createElement(Button, { view: "default", size: "m" }, "Dropdown"))),
React.createElement("br", null),
" ",
React.createElement("br", null),
React.createElement(ButtonGroup, __assign({ pin: "circle" }, state),
React.createElement(Dropdown, null, " Dropdown "),
React.createElement(Button, { view: "action", size: "m" }, "Button 1"),
React.createElement(Button, { view: "action", size: "m" }, "Button 2"))));
};