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

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { Radiobox } from '@yandex-lego/components/Radiobox/desktop/bundle';
export var Size = function () {
    var _a = __read(useState('a'), 2), value1 = _a[0], setValue1 = _a[1];
    var _b = __read(useState('a'), 2), value2 = _b[0], setValue2 = _b[1];
    var options = [
        { label: 'Option A', value: 'a' },
        { label: 'Option B', value: 'b' },
        { label: 'Option C (disabled)', value: 'c', disabled: true },
    ];
    return (React.createElement(React.Fragment, null,
        '_size_m: ',
        React.createElement(Radiobox, { size: "m", view: "default", value: value1, onChange: function (event) { return setValue1(event.target.value); }, options: options }),
        React.createElement("br", null),
        '_size_s: ',
        React.createElement(Radiobox, { size: "s", view: "default", value: value2, onChange: function (event) { return setValue2(event.target.value); }, options: options })));
};