@ecl-twig/ec-component-inpage-navigation
v2.39.0
Published
ECL-Twig Inpage navigation
Downloads
25
Readme
ECL-Twig Inpage navigation
npm package: @ecl-twig/ec-component-inpage-navigation
npm install --save @ecl-twig/ec-component-inpage-navigation
Parameters
Parameters:
- "title" (string) (default: '')
- "links" (associative array) (default: predefined structure):
- href: (string) (default: '')
- label: (string) (default: '')
- "icon_path" (string) (default: ''): path to the icons svg
- "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-twig/ec-component-inpage-navigation/ecl-inpage-navigation.html.twig' with {
title: 'Page contents',
links: [
{
href: "#inline-nav-1",
label: "Heading 1"
},
{
href: "#inline-nav-2",
label: "Heading 2"
},
{
href: "#inline-nav-3",
label: "Heading 3"
},
{
href: "#inline-nav-4",
label: "Heading 4"
},
],
icon_path: '/static/media/icons.svg'
} %}