Segmented

二到五个互斥选项，位于底色轨道上；当前项凸起，在 180ms 内滑动切换。

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

属性

  • aria-label
    string

    控件的无障碍名称。

  • defaultValue
    string

    首次渲染时的所选选项。

  • disabled
    boolean

    禁用所有分段。

  • fullWidth
    boolean

    填满容器的宽度。

  • onValueChange
    ((value: string) => void)

    调用时传入所选选项。

  • options
    SegmentedOption[]

    选项，以分段形式显示。

  • size
    "md" | "sm" = md

    控件的高度。

  • value
    string

    受控时的所选选项。