4.7.2 • Published 9 months ago
@ecl/twig-component-popover v4.7.2
ECL Popover component
npm package: @ecl/twig-component-popover
npm install --save @ecl/twig-component-popover
Parameters:
- "id" (string) (default: '')
- toggle (associative array) (default: {}): Popover toggle element, following ECL Link structure
- links (array) (default: []): Array of ECL Links
- close (object of type "button") (default: {}): close button (optional)
- "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'
Blocks:
- "content"
Example:
{% include '@ecl/popover/popover.html.twig' with {
id: 'popover-example',
toggle: {
link: {
label: 'Popover',
path: exampleLink,
type: 'standalone',
aria_label: 'Popover toggle',
icon_position: 'before',
},
icon: {
path: '/icons.svg',
name: 'share',
size: 'fluid',
},
},
close: {
label: "Close",
icon: {
path: "/icons.svg",
name: "close",
size: "m"
},
hide_label: true
},
links: [
{
link: {
label: 'item 1',
path: exampleLink,
aria_label: 'Link to item 1',
},
icon: {
path: '/icons.svg',
name: 'global',
size: 'fluid',
},
},
{
link: {
label: 'item 2',
path: exampleLink,
aria_label: 'Link to item 2',
},
icon: {
path: '/icons.svg',
name: 'global',
size: 'fluid',
},
},
{
link: {
label: 'item 3',
path: exampleLink,
aria_label: 'Link to item 3',
},
icon: {
path: '/icons.svg',
name: 'global',
size: 'fluid',
},
},
],
} %}
4.7.2
9 months ago
4.8.1
10 months ago
4.7.1
10 months ago
4.8.0
10 months ago
4.6.3
11 months ago
4.6.2
11 months ago
4.6.5
11 months ago
4.6.4
11 months ago
4.5.0
1 year ago
4.2.3
1 year ago
4.4.0
1 year ago
4.2.2
1 year ago
4.7.0
10 months ago
4.6.1
11 months ago
4.6.0
12 months ago
4.3.0
1 year ago
4.2.1
1 year ago
4.2.0
1 year ago
4.1.2
1 year ago
4.1.1
1 year ago
4.1.0
1 year ago
4.0.2
1 year ago
4.0.1
1 year ago
4.0.0
1 year ago
4.0.0-beta-3
1 year ago
4.0.0-beta-2
1 year ago
4.0.0-beta-1
1 year ago
3.13.0
2 years ago
3.12.1
2 years ago
3.12.0
2 years ago
3.11.0
2 years ago
3.10.0
2 years ago
3.11.1
2 years ago
3.9.1
2 years ago
3.9.0
2 years ago
3.8.5
2 years ago
3.8.0
2 years ago
3.7.1
2 years ago
3.8.4
2 years ago
3.8.3
2 years ago
3.8.2
2 years ago
3.8.1
2 years ago
3.7.0
2 years ago
3.6.0
3 years ago
3.5.1
3 years ago
3.5.0
3 years ago