@clayui/slider

ClaySlider component

Usage no npm install needed!

<script type="module">
  import clayuiSlider from 'https://cdn.skypack.dev/@clayui/slider';
</script>

README

title: 'Slider' description: 'A Slider allows the user to select values in a linear range of values.' lexiconDefinition: 'https://liferay.design/lexicon/core-components/slider/' packageNpm: '@clayui/slider'

import {DecadeSlider, Slider} from '$packages/clay-slider/docs/index';

Slider is a controlled component and needs just 2 props for its basic use, value and onValueChange.

Range and Step

For a more specific use case you can specify other props, like min and max to determine the range, and step to specify how much the value changes.