2.39.0 • Published 4 years ago

@ecl-twig/ec-component-card v2.39.0

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

ECL-Twig Card component

npm package: @ecl-twig/ec-component-card

npm install --save @ecl-twig/ec-component-card

Parameters

  • "card" (associative array) (default: predefined structure below)
    • "type" (string) (default: '') - Card type ('tile')
    • "description" (string) (default: '') - Description of card
    • "meta" (array) (default: []) - Meta's for the Card
    • "title" (associative array) (default: {}) - Predefined structure compatible with Link component. If Card type is a 'tile', only label property is required.
    • "image" (associative array) (default: ''): - Url/path and alternate text of the background image (non required if Card type is a 'tile')
    • "tags" (array) (default: []): List of tags compatible with EC Tag component structure
    • "infos" (array) (default: []): List of infos. The format of each element in the array:
      • "label" (string) (default: ''): Label of info
      • "icon" (associative array) (default: {}): Predefined structure compatible with EC Icon
    • "links" (array) (default: []): List of links (required if Card type is a 'tile'). The format of each element in the array
      • "label" (string) (default: ''): Label of link
      • "path" (string) (default: ''): Link url (href attribute)
    • "lists" (array) (default: []) Array of objects of type "description list"
      • "variant" (optional) (taxonomy or horizontal)
      • "items" (array)
        • term (string)
        • definition (string, array of strings or array of objects)
  • "icon_path" (string) (default: '') Path to icons file
  • "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_" (optional) (boolean) (default: false) Activates debug
  • "_compliance_inner_check_" (optional) (boolean) (default: false) Inline compliance report
{% include '@ecl-twig/ec-component-card/ecl-card.html.twig' with { 
  card: { 
    type: 'tile', 
    description: 'Transparently designing and evaluating evidence-based EU legislation, backed by citizens views.', 
    image: { 
      src: 'https://v2--europa-component-library.netlify.com/example-image.jpg', 
      alt: 'Better regulation', 
    }, 
    title: { 
      type: 'standalone', 
      path: '/example', 
      label: 'Better regulation', 
    }, 
    meta: [ 'Meta 1', 'Meta 2', 'Meta 3' ], 
    infos: [ 
      { 
        label: '2018/10/22', 
        icon: { 
          type: 'general', 
          name: 'calendar', 
          path: '/path-to-the-icon-file', 
        }, 
      }, 
      { 
        label: 'Luxembourg', 
        icon: { 
          type: 'general', 
          name: 'location', 
          path: '/path-to-the-icon-file', 
        }, 
      }, 
    ], 
    tags: [ 
      { 
        label: 'Tag 1', 
        path: '/example-1', 
      }, 
      { 
        label: 'Tag 2', 
        path: '/example-2', 
      }, 
      { 
        label: 'Tag 3', 
        path: '/example-3', 
      }, 
    ], 
  } 
} %}
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

2.16.1

6 years ago

2.15.1

6 years ago

2.15.0

6 years ago

2.11.2

6 years ago

2.11.1

6 years ago

2.11.0

6 years ago

2.9.1

6 years ago

2.9.0

6 years ago

2.8.0

6 years ago

2.7.0

6 years ago

2.3.2

6 years ago

2.3.1

6 years ago

2.3.0

6 years ago