Slider

4px 轨道、墨色区间和墨色滑块;拖动时显示数值气泡;支持刻度和范围。

查看源码
import { Slider } from "@logicplanes/kaeso-ui";

属性

  • aria-label
    string

    无障碍名称,用于没有可见标签的情况。

  • defaultValue
    number | number[]

    首次渲染时的值,范围则为两个值。

  • disabled
    boolean

    将其禁用:无法使用,并显示为变暗。

  • formatValue
    ((value: number) => string)

    格式化拖动时气泡中的值。默认使用 LocaleProvider 语言中的数字格式。

  • getAriaLabel
    ((index: number) => string)

    返回范围中每个滑块的无障碍名称。

  • max
    number = 100

    允许的最大值。

  • min
    number = 0

    允许的最小值。

  • name
    string

    在表单中提交值时使用的字段名。

  • onValueChange
    ((value: number | number[]) => void)

    拖动时调用,并传入值。

  • onValueCommitted
    ((value: number | number[]) => void)

    拖动结束时调用,并传入值。

  • step
    number = 1

    值变化的步长。

  • ticks
    boolean | number[]

    轨道下方每一步(或这些值处)的刻度。

  • value
    number | number[]

    受控时的值,范围则为两个值。