@yandex/ui
Version:
Yandex UI components
27 lines (26 loc) • 1.32 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Playground = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var addon_knobs_1 = require("@storybook/addon-knobs");
var bundle_1 = require("@yandex-lego/components/Slider/desktop/bundle");
var getKnobProps = function () { return ({
disabled: addon_knobs_1.boolean('disabled', false),
filled: addon_knobs_1.boolean('filled', true),
max: addon_knobs_1.number('max', 10),
min: addon_knobs_1.number('min', 0),
reverse: addon_knobs_1.boolean('reverse', false),
showTicks: addon_knobs_1.boolean('showTicks', true),
showTickValues: addon_knobs_1.boolean('showTickValues', true),
step: addon_knobs_1.number('step', 1),
}); };
var Playground = function () {
var state1 = bundle_1.useSliderState({ value: [2] });
var state2 = bundle_1.useSliderState({ value: [2, 5] });
var knobProps = getKnobProps();
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.Slider, tslib_1.__assign({}, state1, knobProps, { view: "default" })),
react_1.default.createElement(bundle_1.Slider, tslib_1.__assign({}, state2, knobProps, { view: "default" }))));
};
exports.Playground = Playground;