4.1.2 • Published 2 months ago
@ecl/twig-component-description-list v4.1.2
ECL Description list component
npm package: @ecl/twig-component-description-list
npm install --save @ecl/twig-component-description-list
Parameters
- items (array) (default: []): format: { "term" (string or array of string) "definition" (block or array of string or array of ECL Link or array of ECL Tag) "type" (string): type of data, if not plain text; could be "link", "link-inline", "taxonomy", "tag" }, ...
- variant (string) (default: ''): global variant of the list (horizontal, vertical)
- visible_items (optional) (integer) (default: 0) Number of visible items
- more_label (optional) (string) (default: '') Label for the more button, if requested
- "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'
Example:
{% include '@ecl/description-list/description-list.html.twig' with {
variant: 'horizontal',
visible_items: 3,
more_label: 'view all',
items: [
{
term: 'Standard text',
definition:
'Lorem ipsum dolor sit amet, <a href="#" class="ecl-link">consectetur adipiscing elit</a>. Suspendisse ut sapien condimentum, aliquet turpis sit amet, finibus purus. Donec porttitor iaculis felis ut dapibus. Sed blandit, massa ac suscipit facilisis',
},
{
term: 'Standalone links',
type: 'link',
definition: [
{
link: {
label: 'Lorem ipsum dolor sit amet',
path: exampleLink,
icon_position: 'before',
},
icon: {
name: 'copy',
path: '/icons.svg',
size: 's',
},
},
{
link: {
label: 'Lorem ipsum dolor sit amet',
path: exampleLink,
icon_position: 'before',
},
icon: {
name: 'download',
path: '/icons.svg',
size: 's',
},
},
],
},
{
term: 'Links inline',
type: 'link-inline',
definition: [
{
link: {
label: 'Lorem ipsum dolor sit amet',
path: exampleLink,
},
},
{
link: {
label: 'Lorem ipsum dolor sit amet',
path: exampleLink,
},
},
],
},
{
term: 'Taxonomy list',
type: 'taxonomy',
definition: ['Taxonomy item 1', 'Taxonomy item 2', 'Taxonomy item 3'],
},
],
} %}
4.1.2
2 months ago
4.1.1
2 months ago
4.1.0
2 months ago
4.0.2
3 months ago
4.0.1
3 months ago
4.0.0
4 months ago
4.0.0-beta-3
4 months ago
4.0.0-beta-2
4 months ago
4.0.0-beta-1
4 months ago
3.13.0
5 months ago
3.12.1
6 months ago
3.12.0
6 months ago
3.9.1
11 months ago
3.9.0
11 months ago
3.8.5
11 months ago
3.11.0
8 months ago
3.10.0
9 months ago
3.11.1
7 months ago
3.8.4
1 year ago
3.8.3
1 year ago
3.8.2
1 year ago
3.8.1
1 year ago
3.8.0
1 year ago
3.7.1
1 year ago
3.7.0
1 year ago
3.6.0
2 years ago
3.5.1
2 years ago
3.4.2
2 years ago
3.5.0
2 years ago
3.4.0
2 years ago
3.3.4
2 years ago
3.3.3
2 years ago
3.4.1
2 years ago
3.3.1
2 years ago
3.3.0
2 years ago
3.3.2
2 years ago
3.2.4
2 years ago
3.2.2
2 years ago
3.2.1
2 years ago
3.2.0
2 years ago
3.2.3
2 years ago
3.1.3
3 years ago
3.1.2
3 years ago
3.1.1
3 years ago
3.1.0
3 years ago
3.0.3
3 years ago
3.0.2
3 years ago
3.0.1
3 years ago
3.0.0
3 years ago
3.0.0-beta.2
3 years ago
3.0.0-beta.1
3 years ago
3.0.0-alpha.1
3 years ago