bootstrap5_admin-1.0.1/templates/navigation/links--dropbutton--operations.html.twig

{#
/**
 * @file
 * Theme override for a set of links.
 *
 * Available variables:
 * - attributes: Attributes for the UL containing the list of links.
 * - links: Links to be output.
 *   Each link will have the following elements:
 *   - link: (optional) A render array that returns a link. See
 *     template_preprocess_links() for details how it is generated.
 *   - text: The link text.
 *   - attributes: HTML attributes for the list item element.
 *   - text_attributes: (optional) HTML attributes for the span element if no
 *     'url' was supplied.
 * - heading: (optional) A heading to precede the links.
 *   - text: The heading text.
 *   - level: The heading level (e.g. 'h2', 'h3').
 *   - attributes: (optional) A keyed list of attributes for the heading.
 *   If the heading is a string, it will be used as the text of the heading and
 *   the level will default to 'h2'.
 *
 *   Headings should be used on navigation menus and any list of links that
 *   consistently appears on multiple pages. To make the heading invisible use
 *   the 'visually-hidden' CSS class. Do not use 'display:none', which
 *   removes it from screen readers and assistive technology. Headings allow
 *   screen reader and keyboard only users to navigate to or skip the links.
 *   See http://juicystudio.com/article/screen-readers-display-none.php and
 *   http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
 *
 * @see template_preprocess_links()
 */
#}
{% if links -%}
  <div class="btn-group text-decoration-none">
    {% set item = links|first %}
    {%- if item.link -%}
      <span role="button" class="btn">{{ item.link }}</span>
    {%- elseif item.text_attributes -%}
      <span{{ item.text_attributes.addClass('btn') }}>{{ item.text }}</span>
    {%- else -%}
      <button type="button" class="btn btn-outline-secondary">{{ item.text }}</button>
    {%- endif -%}
    {%- if links|length > 1 -%}
    <button type="button" class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
      <span {{ heading.attributes.addClass('visually-hidden') }}>{{ heading.text }}</span>
    </button>
    <ul class="dropdown-menu">
      {%- for item in links -%}
        <li{{ item.attributes.addClass('dropdown-item') }}>
          {%- if item.link -%}
            {{ item.link }}
          {%- elseif item.text_attributes -%}
            <span{{ item.text_attributes }}>{{ item.text }}</span>
          {%- else -%}
            {{ item.text }}
          {%- endif -%}
        </li>
      {%- endfor -%}
    </ul>
    {%- endif -%}
  </div>
{%- endif %}