@yandex/ui/esm/ButtonGroup/__examples__/radio.examples.js

Yandex UI components

import React from 'react';
import { ButtonGroup, useButtonGroupState } from '@yandex-lego/components/ButtonGroup/desktop/bundle';
import { Button } from '@yandex-lego/components/Button/Button.bundle/desktop';
var value = [1];
var mappings = ['Button 1 data', 'Button 2 data', 'Button 3 data'];
export var Radio = function () {
    var _a = useButtonGroupState({ type: 'radio', 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 3")),
        React.createElement("br", null),
        " ",
        React.createElement("br", null),
        React.createElement("div", null, mapped[0])));
};