Slider

Selects a value from a range.

Examples

Current value: 40

Slider

<m-slider min="0" max="100" value="40" show-value @change="onSliderChange" />

<!-- 自定义颜色 -->
<m-slider value="30" active-color="#10B981" stroke-width="8" />
<m-slider value="50" active-color="#F59E0B" background-color="#FEF3C7" />

API

Props

属性	说明	类型	默认值
min	Minimum value	number	0
max	Maximum value	number	100
step	Step size	number	1
value	Current value	number	0
disabled	Whether disabled	boolean	false
show-value	Show the current value	boolean	false
active-color	Color of the selected segment	string	-
background-color	Color of the track	string	-
block-size	Thumb size (px)	number	28

Events

属性	说明	类型	默认值
changing	Fired while dragging	{ value }	-
change	Fired when dragging ends	{ value }	-