@yandex/ui/esm/RadioButton/__examples__/size.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { RadioButton } from '@yandex-lego/components/RadioButton/desktop/bundle';
export var Size = function () {
    var _a = __read(useState('a'), 2), valueS = _a[0], setValueS = _a[1];
    var _b = __read(useState('a'), 2), valueM = _b[0], setValueM = _b[1];
    var _c = __read(useState('a'), 2), valueL = _c[0], setValueL = _c[1];
    var options = [
        { value: 'a', children: 'Option A' },
        { value: 'b', children: 'Option B' },
        { value: 'c', children: 'Option C' },
    ];
    return (React.createElement(React.Fragment, null,
        React.createElement(RadioButton, { size: "s", view: "default", value: valueS, options: options, onChange: function (event) { return setValueS(event.target.value); } }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RadioButton, { size: "m", view: "default", value: valueM, options: options, onChange: function (event) { return setValueM(event.target.value); } }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RadioButton, { size: "l", view: "default", value: valueL, options: options, onChange: function (event) { return setValueL(event.target.value); } })));
};