Switch 开关

信息添加、录入的通用形式。

Switch

Props

Prop NameTypeRequiredDefaultDescription
checkedboolean
是否选中
defaultCheckedboolean
默认选中状态
onChange
(checked: boolean) => void
选中状态改变时的回调
disabledboolean
是否禁用
size
'sm' | 'md' | 'lg'
'md'
尺寸
onTextReactNode'ON'
打开的文字
offTextReactNode'OFF'
关闭的文字

说明

  • 这是 Switch 组件

演示

演示

VIEW CODE ( LIVE )

checked - 是否打开

VIEW CODE ( LIVE )

disabled - 禁用

VIEW CODE ( LIVE )

size - 尺寸

VIEW CODE ( LIVE )

onTextAndOffText - 自定义文本

VIEW CODE ( LIVE )

uncontrolled

VIEW CODE ( LIVE )

案例展示

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司