ECL 通知部分

npm 软件包 : @ecl/notification

npm install --save @ecl/notification

参数:

• "变相" (字符串) (默认: “ info” ) 通知类型; 可以是“ info ”、“ 成功”、“ 警告”、“ 错误”
• 漫画 (object) (默认:phosphor 图标匹配"变量" - “ info”, “check- circle”, “警告” 或 “警告- circle") 图标遵循 ECL 图标结构
• "sr icon" (英语) (字符串)(默认:")图标的屏幕阅读器标签
• "标题" (字符串)(默认:")通知标题
• "描述" (字符串)(默认:")通知正文
• "链接" (阵列) (默认: []) 下面显示的 ECL 链接对象矩阵
• "关闭" (对象)(默认:phosphor"x"图标) ECL 按钮结构后关闭按钮
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

块 :

• "描述"通知的内容

示例

{% include '@ecl/notification/notification.html.twig' with { 
  variant: 'info', 
  sr_icon: 'Information',
  title: 'Information notification', 
  description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 
  close: { 
    label: 'Close', 
  }, 
  extra_classes: 'my-extra-class-1 my-extra-class-2', 
  extra_attributes: [ 
    { name: 'data-test-1', value: 'data-test-value-1' }, 
    { name: 'data-test-2', value: 'data-test-value-2' } 
  ] 
} %}