ECL 标签组件

npm 软件包 : @ecl/label

npm install --save @ecl/label

参数

• "变相" (字符串)(默认:'low') 相关性级别; 可以是 “ 低 ” 、 “ 中 ” 、 “ 高 ” 、 “ 高 ”
• "标签" (字符串)(默认:")标签文字
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/label/label.html.twig' with { 
 label: 'A label', 
 variant: 'medium', 
  extra_classes: 'my-extra-class-1 my-extra-class-2', 
  extra_attributes: [ 
    { name: 'data-test', value: 'data-test-value' }, 
    { name: 'data-test-1', value: 'data-test-value-1' } 
  ] 
} %}