Skip to Content
JoyUI
JoyUI/

开关

拟物拨动开关,两档尺寸,含卡片变体。

拟物拨动开关,两档尺寸,含卡片变体。

安装

npx @joyui/cli add switch --yes

或通过 JoyUI MCP / CLI 安装。

应用场景

将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。

上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。

API

Switch
参数说明类型可选值默认值
size尺寸。"sm" | "md"sm · mdmd
isSelected受控。booleantrue · false—
defaultSelected默认开。booleantrue · falsefalse
aria-label无可见标签时必填。string——
className合并到根节点的额外类名。string——