Slider

Allows user to select a range of related values.

Import

import { MpSlider } from '@mekari/pixel3'

Props

Events

Slots

Name	Type	Default
`id` Id of slider.	`string`	-
`value` Value of slider.	`number \| numer[]`	`0`
`min` Minimum value of slider.	`number`	`0`
`max` Maximum value of slider.	`number`	`100`
`step` Step value of slider.	`number`	`1`
`variant` Variant of slider.	`single \| range`	`single`
`color` Color of slider.	`ColorToken \| string`	`sky.100`
`gradient-color` Gradient color of slider.	`ColorToken[] \| string[]`	`["blue.50", "blue.100", "blue.400", "blue.700"]`
`is-gradient` If true, slider will be use gradient color.	`boolean`	`false`
`is-disabled` If true, slider will be disable.	`boolean`	`false`