@yandex/ui/Radiobox/__examples__/view.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.View = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Radiobox/desktop/bundle");
var View = function () {
    var _a = tslib_1.__read(react_1.useState('a'), 2), value = _a[0], setValue = _a[1];
    var options = [
        { label: 'Option A', value: 'a' },
        { label: 'Option B', value: 'b' },
        { label: 'Option C (disabled)', value: 'c', disabled: true },
    ];
    return (react_1.default.createElement(react_1.default.Fragment, null,
        '_view_default: ',
        react_1.default.createElement(bundle_1.Radiobox, { size: "m", view: "default", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options }),
        react_1.default.createElement("br", null),
        '_view_outline: ',
        react_1.default.createElement(bundle_1.Radiobox, { size: "m", view: "outline", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options })));
};
exports.View = View;