开关
拟物拨动开关,两档尺寸,含卡片变体。
拟物拨动开关,两档尺寸,含卡片变体。
安装
npx @joyui/cli add switch --yes或通过 JoyUI MCP / CLI 安装。
应用场景
将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。
上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。
API
Switch
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 尺寸。 | "sm" | "md" | sm · md | md |
| isSelected | 受控。 | boolean | true · false | — |
| defaultSelected | 默认开。 | boolean | true · false | false |
| aria-label | 无可见标签时必填。 | string | — | — |
| className | 合并到根节点的额外类名。 | string | — | — |