Toggle 切换按钮

切换按钮用于二选一或多选一的状态切换。

基础用法

切换组 (单选)

切换组 (多选)

API

Toggle Props

属性说明类型默认值
pressed是否按下boolean-
defaultPressed默认按下booleanfalse
onPressedChange状态改变回调(pressed: boolean) => void-
disabled是否禁用booleanfalse
size尺寸'sm' | 'md' | 'lg''md'
variant变体'default' | 'outline''default'

ToggleGroup Props

属性说明类型默认值
type类型'single' | 'multiple''single'
value选中值string | string[]-
defaultValue默认选中值string | string[]-
onValueChange改变回调(value: string | string[]) => void-
disabled是否禁用booleanfalse
size尺寸'sm' | 'md' | 'lg''md'
variant变体'default' | 'outline''default'