@yandex/ui
Version:
Yandex UI components
18 lines (17 loc) • 1.03 kB
JavaScript
import React from 'react';
import { ButtonGroup, useButtonGroupState } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
var value = [1, 2];
var mappings = ['Button 1 data', 'Button 2 data', 'Button 3 data'];
export var Checkbox = function () {
var _a = useButtonGroupState({ type: 'checkbox', value: value, mappings: mappings }), selected = _a.selected, onClick = _a.onClick, mapped = _a.mapped;
return (React.createElement(React.Fragment, null,
React.createElement(ButtonGroup, { onClick: onClick, selected: selected },
React.createElement(Button, { size: "m", view: "action" }, "Button 1"),
React.createElement(Button, { size: "m", view: "action" }, "Button 2"),
React.createElement(Button, { size: "m", view: "action" }, "Button 2")),
React.createElement("br", null),
" ",
React.createElement("br", null),
React.createElement("div", null, mapped.join(', '))));
};