ECL 无线电部分

npm 软件包 : @ecl/radio

npm install --save @ecl/radio

参数:

• “项目” (阵列) (默认: []) 无线电按钮项目; 格式 :
  • "id" (字符串)(默认:随机) 收音机按钮的编码
  • “ 名” (字符串)(默认: “ ” ) 无线电输入的名称属性
  • "值" (字符串)(默认:") 无线电输入值属性
  • "已失效" (boolean) (默认: 假) 禁用此收音机按钮
  • "已检查"(布尔)(默认:虚假) 检查此收音机按钮
  • "需要" (boolean) (默认: 假) 按需要标记此收音机按钮
  • “ helper text” (字符串)(默认: “ ”) 标签下显示的帮助文本
  • 标签( 字符串)( 默认: ') 标签用于此收音机按钮
• "名字"("名字") (字符串)(默认为:")所有收音机按钮共享的名称属性
• "无效" (boolean) (默认:虚假) 在无效状态下显示无线电组
• "二进制" (boolean) (默认: 假) 使用二进制( 是/ 否) 显示样式
• "必须" (boolean) (默认:虚假) 按要求标记组
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

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