You are here

pg-bpoint-col-header.html.twig in Paragraphs grid 8

Header for paragraphs_grid, the field grid_widget breakpoint column header.

Available variables:

  • name: The name of the breakpoint, normaly hidden in display.
  • size: The media query description i.e. ≥768px.
  • attributes: the header attributes.
  • icon_attributes: the icon attributes.

File

templates/pg-bpoint-col-header.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Header for paragraphs_grid, the field grid_widget breakpoint column header.
  5. *
  6. * Available variables:
  7. * - name: The name of the breakpoint, normaly hidden in display.
  8. * - size: The media query description i.e. ≥768px.
  9. * - attributes: the header attributes.
  10. * - icon_attributes: the icon attributes.
  11. *
  12. * @see template_preprocess_field()
  13. */
  14. #}
  15. <header{{ attributes }}>
  16. <h4 class="visually-hidden" aria-label="{{ name }}">{{ name }}</h4>
  17. <span{{ icon_attributes.addClass('device-icon') }}></span>
  18. <sub>{{ size }}</sub>
  19. </header>