ECL 复选框组件

npm 软件包 : @ecl/checkbox

npm install --save @ecl/checkbox

参数:

• “项目” (阵列) (默认: [])
  • "id" (字符串)(默认:随机):复选框的id
  • "值"(字符串)(默认为:")
  • "无效"(布尔)(默认:虚假)
  • (默认:虚假)
  • "已检查"(布尔)(默认:虚假)
  • “ helper text” (块)(默认为:')
  • “ 标签”( 块)( 默认 : “ ”)
  • "项目需要 文本"(字符串)(默认为:")
• "名字"("名字") (字符串)(默认:"")
• "无效" (boolean) (默认:虚假)
• "无效"(英文) ("icon"类型对象)(默认:phosphor"警告-圆")
• "sr invalid icon" (英语) (字符串) (默认:"'"):无效图标的额外标签;屏幕阅读器
• "必须" (boolean) (默认:虚假)
• "超级" (可选) (字符串)(默认为:") 外类(空格分隔)
• “外部属性” (可选) (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

块 :

• "无效 文本"

示例

{% include '@ecl/checkbox/checkbox-group.html.twig' with { 
  id: 'checkbox-default',
  name: 'checkbox-default', 
  invalid: false, 
  required: true, 
  items: [ 
    { 
      id: 'checkbox-default-1', 
      value: 'lu', 
      label: 'Luxembourg', 
      helper_text: 'Help text for option 1', 
      checked: true, 
    }, 
    { 
      id: 'checkbox-default-2', 
      value: 'be', 
      label: 'Belgium', 
      helper_text: 'Help text for option 2', 
    }, 
    { 
      id: 'checkbox-default-3', 
      value: 'fr', 
      label: 'France (disabled)', 
      helper_text: 'Help text for option 3', 
      disabled: true, 
    }, 
  ], 
} %}