@yandex/ui
Version:
Yandex UI components
16 lines (15 loc) • 1.3 kB
JavaScript
import { __read } from "tslib";
import React, { useState } from 'react';
import { Tumbler } from '@yandex-lego/components/Tumbler/desktop/bundle';
export var Size = function () {
var _a = __read(useState(false), 2), checked1 = _a[0], setChecked1 = _a[1];
var _b = __read(useState(false), 2), checked2 = _b[0], setChecked2 = _b[1];
var _c = __read(useState(false), 2), checked3 = _c[0], setChecked3 = _c[1];
return (React.createElement(React.Fragment, null,
React.createElement("div", { style: { marginBottom: 8 } },
React.createElement(Tumbler, { size: "s", view: "default", checked: checked1, onChange: function () { return setChecked1(!checked1); }, labelBefore: "labelBefore", labelAfter: "labelAfter" })),
React.createElement("div", { style: { marginBottom: 8 } },
React.createElement(Tumbler, { size: "m", view: "default", checked: checked2, onChange: function () { return setChecked2(!checked2); }, labelBefore: "labelBefore", labelAfter: "labelAfter" })),
React.createElement("div", { style: { marginBottom: 8 } },
React.createElement(Tumbler, { size: "l", view: "default", checked: checked3, onChange: function () { return setChecked3(!checked3); }, labelBefore: "labelBefore", labelAfter: "labelAfter" }))));
};