2.39.0 • Published 4 years ago

@ecl-twig/ec-component-fact-figures v2.39.0

Weekly downloads
236
License
EUPL-1.1
Repository
github
Last release
4 years ago

ECL-Twig Fact and figures component

npm package: @ecl-twig/ec-component-fact-figures

npm install --save @ecl-twig/ec-component-fact-figures

Parameters:

  • "column" (integer) (default: 3): Number of columns to divide the items with
  • "items" (array) (default: []):
    • "icon" (associate array) (default: { size: 'm' })
    • "value" (string) (default: '')
    • "title" (string) (default: '')
    • "description" (string) (default:'')
  • "view_all" (optional) (associative array) (default: {})
    • "link" (associative array) {
      • "label" (string) (default: ''),
      • "path" (string) (default: '')
    • "visible" (boolean) (default: true)
  • "display_icons" (boolean) (default: true)
  • "extra_classes" (optional) (string) (default: '') Extra classes (space separated)
  • "extra_attributes" (optional) (array) (default: []) Extra attributes
    • "name" (string) Attribute name, eg. 'data-test'
    • "value" (string) Attribute value, eg: 'data-test-1'
  • "_compliance_" (boolean) (default: false) Activates debug

Example:

{% include '@ecl-twig/ec-component-fact-figures/ecl-fact-figures.html.twig' with { 
  column: 3, 
  display_icons, true, 
  items: [ 
    { 
      icon: { 
        path: "static/media/icons.1dbe9812.svg", 
        type: "general", 
        name: "digital", 
        size: "m" 
      }, 
      value: "00.0 million", 
      title: "Lorem ipsum", 
      description: "Nunc condimentum sapien ut nibh finibus suscipit vitae at justo." 
    }, 
    { 
      icon: { 
        path: "static/media/icons.1dbe9812.svg", 
        type: "general", 
        name: "digital", 
        size: "m" 
      }, 
      value: "00.0 million", 
      title: "Sed hendrerit", 
      description: "Turpis varius congue venenatis, erat dui feugiat felis." 
    }, 
  ], 
  view_all: { 
    link: { 
      label: "View all metrics", 
      path: "/example" 
    },
  } 
} %} 
2.39.0

4 years ago

2.38.0

4 years ago

2.37.0

4 years ago

2.36.0

4 years ago

2.35.2

4 years ago

2.35.1

5 years ago

2.35.0

5 years ago

2.34.0

5 years ago

2.33.2

5 years ago

2.33.1

5 years ago

2.33.0

5 years ago

2.32.0

5 years ago

2.31.1

5 years ago

2.31.0

5 years ago

2.30.0

5 years ago

2.29.0

5 years ago

2.28.1

5 years ago

2.28.0

5 years ago

2.27.0

5 years ago

2.26.0

5 years ago

2.25.1

5 years ago

2.25.0

5 years ago

2.24.0

5 years ago

2.23.0

5 years ago

2.22.1

5 years ago

2.22.0

5 years ago

2.21.0

5 years ago

2.19.0

6 years ago

2.18.0

6 years ago

2.17.3

6 years ago

2.17.0

6 years ago