Skip to content

Switch 开关

用于切换单个选项的状态。

变体

禁用状态

尺寸

方形

自定义内容

API

Switch Props

继承自 Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onChange'>

属性名描述类型默认值
variant-'solid' | 'outlined'-
size-'small' | 'medium' | 'large'-
shape-'round' | 'square'-
checked-boolean-
defaultChecked-boolean-
value-boolean-
defaultValue-boolean-
disabled-boolean-
onChange-(checked: boolean) => void-

Switch.Thumb Props

继承自 Omit<HTMLAttributes<HTMLDivElement>, 'children'>

属性名描述类型默认值
children-(checked: boolean) => ReactNode-

Switch.Track Props

继承自 HTMLAttributes<HTMLDivElement>

属性名描述类型默认值
type*-'checked' | 'unchecked'-