欧共体 内容块组件

npm 软件包 : @ecl/content-block

npm install --save @ecl/content-block

参数

• 标签 (阵列)(默认:[ ]): ECL 标签阵列
• 标签( aria) (字符串)(默认为:""):标签区域的Aria标签
• 初等( m) (字符串阵列) (默认: []): 内容块的主元a
• 标题 (关联阵列 OR 字符串) (默认 : ) : 内容块的标题,遵循ECL Link结构
• 说明 (字符串)(默认为:""): 内容块描述
• 二级元件( m) (阵列) (默认: []):格式: [ { “ 标签”( 字符串)( 默认 : '' ): 二次元项目标签 "icon"(阵列)(默认:-) 二次元的图标,遵循ECL 图标结构 {\fn华文楷体\fs16\1cHE0E0E0}, . [ . ]
• "二级 meta 方向" (字符串)(默认:"垂直"): 显示元的方向a
• 链接 (阵列)(默认:[ ]): ECL 链接的矩阵或多阵列
• 列表 (阵列)(默认:[ ]): ECL 描述列表矩阵
• "超级" (字符串)(默认:"")
• “外部属性” (阵列) (默认: []):格式: [ { “名称”(字符串)(默认:`'), "值"(可选) (字符串) {\fn华文楷体\fs16\1cHE0E0E0}, . [,

{% include '@ecl/content-block/content-block.html.twig' with { 
  labels: [
    { label: 'highlight', variant: 'highlight' },
    { label: 'high importance', variant: 'high' },
  ],
  labels_aria: 'Labels',
  primary_meta: ['PRIMARY META', 'DD Month Year'],
  title: {
    label: 'Title',
    path: exampleLink,
  },
  description:
    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum ut lorem cursus, quis tincidunt sem viverra. Nunc vestibulum, mauris quis porta venenatis, justo odio commodo tellus',
  secondary_meta: [
    {
      icon: {
        name: 'calendar',
        family: 'phosphor',
      },
      label: '2018/10/22',
    },
    {
      icon: {
        name: 'map-pin',
        family: 'phosphor',
      },
      label: 'Luxembourg',
    },
  ],
  links: [
    [
      {
        link: {
          label: 'Primary link 1',
          path: exampleLink,
        },
      },
      {
        link: {
          label: 'Primary link 2',
          path: exampleLink,
        },
      },
      {
        link: {
          label: 'Primary link 3',
          path: exampleLink,
        },
      },
      {
        link: {
          label: 'Primary link 4',
          path: exampleLink,
        },
      },
    ],
    [
      {
        link: {
          label: 'Secondary link 1',
          path: exampleLink,
        },
      },
      {
        link: {
          label: 'Secondary link 2',
          path: exampleLink,
        },
      },
    ],
  ],
  lists: [
    {
      items: [
        {
          term: 'European Commission',
          definition:
            'The executive body of the European Union formed in 1967, which initiates action in the EU and mediates between member governments. Former name (until 1993): Commission of the European Communities',
        },
        {
          term: 'European Union',
          definition:
            'An association of European nations formed in 1993 for the purpose of achieving political and economic integration.',
        },
        {
          term: 'Citizen',
          definition:
            'A native or naturalized member of a state or nation who owes allegiance to its government and is entitled to its protection',
        },
      ],
    },
    {
      items: [
        {
          term: 'Science areas',
          definition: [
            {
              label: 'Energy and transport',
              variant: 'display',
            },
            {
              label: 'Standards',
              variant: 'display',
            },
          ],
        },
        {
          term: 'Keywords',
          definition: [
            {
              label: 'Electricity',
              variant: 'display',
            },
            {
              label: 'Electromobility',
              variant: 'display',
            },
            {
              label: 'Energy',
              variant: 'display',
            },
            {
              label: 'Energy storage',
              variant: 'display',
            },
            {
              label: 'Security',
              variant: 'display',
            },
            {
              label: 'Transport',
              variant: 'display',
            },
            {
              label: 'Low carbon',
              variant: 'display',
            },
          ],
        },
      ],
    },
  ],
} %}