@yandex/ui/esm/Checkbox/__examples__/lines.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { Checkbox } from '@yandex-lego/components/Checkbox/desktop/bundle';
export var Lines = function () {
    var _a = __read(useState(false), 2), checked = _a[0], setChecked = _a[1];
    return (React.createElement("div", { style: { fontFamily: 'var(--control-font-family)' } },
        'one:',
        ['s', 'm'].map(function (size) { return (React.createElement("div", { key: size, style: { padding: 4 } },
            React.createElement(Checkbox, { label: "\u041E\u0434\u043D\u043E\u0441\u0442\u0440\u043E\u0447\u043D\u044B\u0439 checkbox \u0441 \u0434\u043B\u0438\u043D\u043D\u043E\u0439 \u043F\u043E\u0434\u043F\u0438\u0441\u044C\u044E", view: "default", size: size, onChange: function () { return setChecked(!checked); }, checked: checked, lines: "one" }))); }),
        React.createElement("br", null),
        'multi:',
        React.createElement("div", { style: { padding: 4 } },
            'Чекбоксы\u00a0\u00a0',
            React.createElement(Checkbox, { label: "\u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u044E\u0442\u0441\u044F", view: "default", size: "s", onChange: function () { return setChecked(!checked); }, checked: checked, lines: "multi" }),
            '\u00a0по базовой\u00a0\u00a0',
            React.createElement(Checkbox, { label: "\u043B\u0438\u043D\u0438\u0438", view: "default", size: "m", onChange: function () { return setChecked(!checked); }, checked: checked, lines: "multi" }),
            '.')));
};