@ecl/twig-component-news-ticker
npm i @ecl/twig-component-news-ticker

@ecl/twig-component-news-ticker

ECL - Europa Component Library

by ec-europa

3.3.2 (see all)License:EUPL-1.2TypeScript:Not Found
npm i @ecl/twig-component-news-ticker
Readme

ECL News ticker component

npm package: @ecl/twig-component-news-ticker

npm install --save @ecl/twig-component-news-ticker

Parameters:

  • "id" (string) (default: '')
  • "items" (array) (default: []) slide items
    • "content" (string)
    • "link" (string) (optional)
  • "counter_label" (string) (default: 'of')
  • "sr_previous" (string) (default: 'Previous news') screen reader label for previous button
  • "sr_next" (string) (default: 'Next news') screen reader label for next button
  • "sr_autoplay" (string) (default: 'News ticker auto play') screen reader label for autoplay button
  • "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/news-ticker/news-ticker.html.twig' with { 
  id: 'news-ticker-example', 
  icon_path: '/icons.svg', 
  counter_label: 'of', 
  items: [ 
    { 
      content: 'EMA starts rolling review of COVID-19 vaccine Vidprevtyn', 
      link: 'https://www.ema.europa.eu/en/news/ema-starts-rolling-review-covid-19-vaccine-vidprevtyn', 
    }, 
    {
      content:
        'President von der Leyen announced that the EU has achieved its goal of fully vaccinating 70% of its adult population on 31 August',
      link: 'https://ec.europa.eu/commission/presscorner/detail/en/ip_21_4362',
    }, 
    { 
      content:
        'President von der Leyen announced that the EU has achieved its goal of fully vaccinating 70% of its adult population on 31 August', 
    }, 
    ...
  ], 
} %}

Downloads/wk

924

GitHub Stars

77

LAST COMMIT

4mos ago

MAINTAINERS

6

CONTRIBUTORS

22

OPEN ISSUES

0

OPEN PRs

3
VersionTagPublished
3.3.2
latest
25d ago
No alternatives found
No tutorials found
Add a tutorial