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	受控开启值，与 checked 等效。	boolean	-
defaultValue	默认开启值，与 defaultChecked 等效。	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'	-