@yandex/ui
Version:
Yandex UI components
23 lines (22 loc) • 972 B
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { boolean, number } from '@storybook/addon-knobs';
import { Slider, useSliderState } from '@yandex-lego/components/Slider/desktop/bundle';
var getKnobProps = function () { return ({
disabled: boolean('disabled', false),
filled: boolean('filled', true),
max: number('max', 10),
min: number('min', 0),
reverse: boolean('reverse', false),
showTicks: boolean('showTicks', true),
showTickValues: boolean('showTickValues', true),
step: number('step', 1),
}); };
export var Playground = function () {
var state1 = useSliderState({ value: [2] });
var state2 = useSliderState({ value: [2, 5] });
var knobProps = getKnobProps();
return (React.createElement(React.Fragment, null,
React.createElement(Slider, __assign({}, state1, knobProps, { view: "default" })),
React.createElement(Slider, __assign({}, state2, knobProps, { view: "default" }))));
};