D8 - Twig Templates Attach Library

D8 - Twig Templates Attach Library

Twig Templates
Attach Library

...

lightning-8/modules/custom/basic/css

animate.css

...

lightning-8/modules/custom/basic/basic.libraries.yml

basic-hero-style:
  css:
    theme:
      css/animate.css: {}

...

lightning-8/modules/custom/basic/templates/basic-hero-list.html.twig

{{ attach_library('basic/basic-hero-style') }}
<h4>{{ title }}</h4>
<ol>
  {% for item in items %}
    <li class="animated {{ random(['bounce', 'flash', 'rubberBand', 'shake', 'jello', 'tada', 'bounceIn', 'rollIn']) }}">{{ item.name }}</li>
  {% endfor %}
</ol>
<strong>This is coming from our custom twig file.</strong>