Slider
4px 轨道、墨色区间和墨色滑块;拖动时显示数值气泡;支持刻度和范围。
<div className="w-320">
<Slider aria-label="Alert threshold" defaultValue={80} formatValue={(v) => `${v}%`} />
</div>import { Slider } from "@logicplanes/kaeso-ui";属性
aria-labelstring无障碍名称,用于没有可见标签的情况。
defaultValuenumber | number[]首次渲染时的值,范围则为两个值。
disabledboolean将其禁用:无法使用,并显示为变暗。
formatValue((value: number) => string)格式化拖动时气泡中的值。默认使用 LocaleProvider 语言中的数字格式。
getAriaLabel((index: number) => string)返回范围中每个滑块的无障碍名称。
maxnumber = 100允许的最大值。
minnumber = 0允许的最小值。
namestring在表单中提交值时使用的字段名。
onValueChange((value: number | number[]) => void)拖动时调用,并传入值。
onValueCommitted((value: number | number[]) => void)拖动结束时调用,并传入值。
stepnumber = 1值变化的步长。
ticksboolean | number[]轨道下方每一步(或这些值处)的刻度。
valuenumber | number[]受控时的值,范围则为两个值。