@rax-ui/switch NPM | npm.io

1.0.0-beta.62 • Published 3 years ago

Install

Weekly downloads

56

License

-

Repository

Last release

3 years ago

display: Switch

family: general

Switch

开关选择器，点击切换开关状态。

API

Props

名称	说明	类型	默认值
checked	指定当前是否选中，若有值，则为受控模式	boolean	false
defaultChecked	初始是否选中	boolean	false
disabled	是否禁用	bool	false
readOnly	只读模式	boolean	false
className	Switch 类名	string
onChange	点击时回调函数	Function(checked: boolean, event: Event)

CSS API

名称	说明
switch__track	switch 轨道样式
switch--checked__track	选中时的 switch 轨道样式
switch--unchecked__track	未选中时的 switch 轨道样式
switch--checked--disabled__track	禁用且选中时的 switch 轨道样式
switch--unchecked--disabled__track	禁用且未选中时的 switch 轨道样式
switch__thumb	选中时的圆样式
switch--checked__thumb	选中时的 switch 圆样式
switch--unchecked__thumb	未选中时的 switch 圆样式
switch--checked--disabled__thumb	禁用且选中时 switch 圆样式
switch--unchecked--disabled__thumb	禁用且未选中时的 switch 圆样式

Rax rax-component

@rax-ui/styles @rax-ui/transition universal-device universal-env

@infinitebrahmanuniverse/nolb-_rax @everything-registry/sub-chunk-760 @zalastax/nolb-_rax

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago