欧共体 标记组件

npm 软件包 : @ecl/tag

npm install --save @ecl/tag

参数

• 颜色( m) (字符串)(默认为:")颜色模式的名称
• "tag" (塔克语) (对象)(默认: ):
  • "类型" (字符串)(默认:"link") Tag 类型;可以是"link","可移动"
  • "路径" (字符串)(默认为:") Tag 链接 URL
  • “ 标签”( 字符串)( 默认 : “ ”) 标签文本
  • "外部"(布尔)(默认:虚假) 显示链接标签的外部图标
  • “ aria label” (字符串)(默认 : “ ”) 可移动标签的 Aria 标签
  • "无包装"(布尔)(默认:虚假) 防止标签被包装
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例

{% include '@ecl/tag/tag.html.twig' with { 
  tag: { 
    type: 'removable', 
    path: '/example', 
    label: 'Tag 1' 
  }, 
  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' } 
  ] 
} %}