4.7.2 • Published 9 months ago

@ecl/twig-component-popover v4.7.2

Weekly downloads
-
License
EUPL-1.2
Repository
github
Last release
9 months ago

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