file item-list.html.twig

Theme override to display an item list.

Available variables:

  • items: A list of items. Each item contains:

    • attributes: HTML attributes to be applied to each list item.
    • value: The content of the list element.
  • title: The title of the list.
  • list_type: The tag for list element ("ul" or "ol").
  • wrapper_attributes: HTML attributes to be applied to the list wrapper.
  • attributes: HTML attributes to be applied to the list.
  • empty: A message to display when there are no items. Allowed value is a string or render array.
  • context: A list of contextual data associated with the list. May contain:
    • list_style: The custom list style.

File

templates/dataset/item-list.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override to display an item list.
  5. *
  6. * Available variables:
  7. * - items: A list of items. Each item contains:
  8. * - attributes: HTML attributes to be applied to each list item.
  9. * - value: The content of the list element.
  10. * - title: The title of the list.
  11. * - list_type: The tag for list element ("ul" or "ol").
  12. * - wrapper_attributes: HTML attributes to be applied to the list wrapper.
  13. * - attributes: HTML attributes to be applied to the list.
  14. * - empty: A message to display when there are no items. Allowed value is a
  15. * string or render array.
  16. * - context: A list of contextual data associated with the list. May contain:
  17. * - list_style: The custom list style.
  18. *
  19. * @see template_preprocess_item_list()
  20. *
  21. * @ingroup uikit_themeable
  22. */
  23. #}
  24. {%
  25. set classes = [
  26. 'uk-list',
  27. 'uk-list-bullet'
  28. ]
  29. %}
  30. {% if items or empty %}
  31. {%- if title is not empty -%}
  32. <h3>{{ title }}</h3>
  33. {%- endif -%}
  34. {%- if items -%}
  35. <{{ list_type }}{{ attributes.addClass(classes) }}>
  36. {%- for item in items -%}
  37. <li{{ item.attributes }}>{{ item.value }}</li>
  38. {%- endfor -%}
  39. </{{ list_type }}>
  40. {%- else -%}
  41. {{- empty -}}
  42. {%- endif -%}
  43. {%- endif %}

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Log in