devel_wizard-2.x-dev/components/molecule/spell-definition/spell-definition.twig

{# @var spell_definition \Drupal\devel_wizard\Spell\SpellDefinition #}
<article
  data-spell-id="{{ spell_definition.id }}"
  class="devel-wizard-spell-definition">
  <header>
    <h2><a href="{{ spell_definition.abracadabraUrl.toString }}">{{ spell_definition.label }}</a></h2>
  </header>
  <p>{{ spell_definition.description }}</p>
  <footer>
    <details>
      <summary>{{ spell_definition.category }}</summary>
      {% if spell_definition.tags|length %}
        <ul class="tags">
          {% for tag in spell_definition.tags %}
            <li>{{ tag }}</li>
          {% endfor %}
        </ul>
      {% endif %}
    </details>
  </footer>
</article>