Slider

Slider提供了“材质设计”滑块组件的实现。 滑块完全支持RTL,并符合WAI-ARIA滑块创作实践。

使用

  1. <m-slider onchange='change(event)'> </m-slider>
  2. <m-slider value="10" discrete> </m-slider>
  3. <m-slider disabled > </m-slider>
  4. <m-slider discrete display-markers step="2"> </m-slider>

Omi 中使用

JSX:

  1. <m-slider onChange={(evt) => {
  2. console.log(evt.detail.value)
  3. }}> </m-slider>
  4. <m-slider value={10} onChange={(evt) => {
  5. console.log(evt.detail.value)
  6. }} discrete> </m-slider>
  7. <m-slider disabled > </m-slider>
  8. <m-slider discrete displayMarkers step={2}> </m-slider>

API

Props

NameTypeDefaultsDetails
discreteboolean与 display-markers 一起使用显示标记
valuenumber0滑块初始值
disabledboolean禁用滑块
minnumber0最小值
maxnumber100最大值
stepnumber1跨度
display-markersboolean与 discrete 一起使用显示标记
onChangefunction选择触发