复选框字段

复选框字段

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 用于:

  • 多选项的变体
  • 自由格式的标签
  • 重复项

改用 selecttextrepeater

技术说明

  • 仅将 checkbox 用于单一的二元决策
  • 偏好使用明确的名称,例如 showBadgeenableFormhighlightHero
  • 当组件实际上需要更明确的变体模型时,避免串联许多复选框
  • 如果作者在若干相互排斥的状态之间进行选择,请使用 select

相关内容