ECL 面包屑组件

npm 软件包 : @ecl/breadcrumb

npm install --save @ecl/breadcrumb

参数

• "链接" (阵列) (默认:[]):格式:
  • 标签 (字符串)(默认为:") 链接标签
  • 路径 (字符串)(默认为:") 链接的 URL
• “导航 文本” (字符串)(默认为:""): 面包屑的导航文字b
• "椭圆花序 标签" (字符串) (默认:"'"):椭圆形的标签,例如"点击来扩展"
• 椭圆体 文字 (字符串)(默认:"."): 椭圆文字
• “ min items 左侧” (整数) (默认:1): 在椭圆前左侧显示的面包屑项目的最低数量
• “ min items 右侧” (整数) (默认: 2): 椭圆后在右侧显示的面包屑项目的最低数量
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

示例:

{% include '@ecl/breadcrumb/breadcrumb.html.twig' with { 
  links: [ 
    { 
      label: 'Link 1', 
      path: '/example' 
    }, 
    { 
      label: 'Link 2', 
      path: '/example' 
    }, 
    { 
      label: 'Link 3', 
      path: '/example' 
    }, 
    { 
      label: 'Link 4', 
      path: '/example' 
    }, 
    { 
      label: 'Link 5', 
      path: '/example' 
    }, 
    { 
      label: 'Link 6', 
      path: '/example' 
    }, 
  ], 
  navigation_text: 'You are here:',  
  ellipsis_label: 'Click to expand' 
} %}