ECL News ticker
npm install @ecl/news-tickernpm package: @ecl/news-ticker
``shell`
npm install --save @ecl/news-ticker
- "id" (string) (default: '')
- "items" (array) (default: []) slide items
- "content" (string)
- "link" (string) (optional)
- "icon" (object) Object of type icon
OR
- "img" (object)
- "path" (string) (default: '')
- "title" (string) (default: '')
- "alt" (string) (default: '')
- "counter_label" (string) (default: 'of')
- "sr_external" (string) (default: 'External link') screen reader label for external icon
- "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_play" (string) (default: 'Play news ticker') screen reader label for the play button
- "sr_pause" (string) (default: 'Pause news ticker') screen reader label for the pause button
- "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'
`twig``
{% include '@ecl/news-ticker/news-ticker.html.twig' with {
id: 'news-ticker-example',
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',
icon: {
name: 'euro',
},
},
{
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',
icon: {
name: 'euro',
},
},
{
content:
'President von der Leyen announced that the EU has achieved its goal of fully vaccinating 70% of its adult population on 31 August',
icon: {
name: 'euro',
},
},
...
],
} %}