复选框字段
复选框字段
The checkbox field stores a boolean on/off value.
适用场景
- 切换
- 可选的显示标志
- 显示/隐藏 开关
- 简单的启用/禁用 行为
模式示例
{ "name": "showBadge", "label": "Show Badge", "type": "checkbox" }模板用法
{{#if showBadge}}
<span class="badge">New</span>
{{/if}}修饰符示例:
<section class="hero {{#if highlightHero}}hero-highlighted{{/if}}">
...
</section>何时使用
当字段表示一个简单的是/否 决策时使用 checkbox 。
何时不应使用
不要将 checkbox 用于:
- 多选项的变体
- 自由格式的标签
- 重复项
改用 select、text 或 repeater。
技术说明
- 仅将
checkbox用于单一的二元决策 - 偏好使用明确的名称,例如
showBadge、enableForm或highlightHero - 当组件实际上需要更明确的变体模型时,避免串联许多复选框
- 如果作者在若干相互排斥的状态之间进行选择,请使用
select