Slider

An input where the user selects a value from within a given range.

				
<Slider.Container class="slider__container" value={[50]} slot="component">
    <Slider.Track class="slider__track">
        <Slider.Range class="slider__range" />
    </Slider.Track>
    <Slider.Thumb class="slider__thumb" />
</Slider.Container>

API Reference

Container

Prop	Type	Default
`disabled`	`boolean`	`false`
`inverted`	`boolean`	`false`
`direction`	`Direction`	`ltr`
`orientation`	`Orientation`	`horizontal`
`min`	`number`	`0`
`max`	`number`	`100`
`step`	`number`	`1`
`minStepsBetweenHandles`	`number`	`0`
`value`	`Array<number>`	`[]`

Range

No props

Thumb

Prop	Type	Default
`label`	`string`

Track

No props