uikit-view-grid.html.twig in UIkit Components 8.3

Theme override for views to display rows in a grid.

Available variables:

• id: The unique id for the wrapping element.
• attributes: HTML attributes for the wrapping element.
• title: The title of this group of rows.
• view: The view object.
• rows: The rendered view results.
• options: The view plugin style options.
  • grid_divider: A flag indicating whether default classes should be used on rows.
• grid_attributes_: HTML attributes for the grid container element.
• items: A list of grid items. Each item contains:
  • content: The columns's contents.

See also

template_preprocess_uikit_view_grid()

File

uikit_views/templates/views/uikit-view-grid.html.twig

{#
/**
 * @file
 * Theme override for views to display rows in a grid.
 *
 * Available variables:
 * - id: The unique id for the wrapping element.
 * - attributes: HTML attributes for the wrapping element.
 * - title: The title of this group of rows.
 * - view: The view object.
 * - rows: The rendered view results.
 * - options: The view plugin style options.
 *   - grid_divider: A flag indicating whether default classes should be
 *     used on rows.
 * - grid_attributes_: HTML attributes for the grid container element.
 * - items: A list of grid items. Each item contains:
 *   - content: The columns's contents.
 *
 * @see template_preprocess_uikit_view_grid()
 */
#}
{% if title %}
  <h3>{{ title }}</h3>
{% endif %}
<div id="{{ id }}" {{ attributes }}>
  <div{{ grid_attributes }}>
    {% for column in items %}
      <div>{{ column.content }}</div>
    {% endfor %}
  </div>
</div>