#复选框

#用途

@import "tailwindcss";
@import "@a3s-lab/ui/a3s.css";

@import "tailwindcss";
@import "@a3s-lab/ui/base.css";
@import "@a3s-lab/ui/components/checkbox.css";
@import "@a3s-lab/ui/styles/a3s.css";

<input type="checkbox" class="input" />

#示例

#基本

Pair the checkbox with field and a native <label> for proper layout and labeling.

#说明

使用 section 和段落作为帮助文本。

#已禁用

使用 disabled 属性来防止交互，并将 data-disabled 添加到 .field 组件以禁用样式。

#无效

在复选框上设置 aria-invalid="true"，在字段包装器上设置 data-invalid 以显示无效样式。

#组

使用多个字段创建复选框列表。

#表

#RTL

将 dir="rtl" 添加到字段组或祖先。