Menu title Create a title for the menu by using the title prop.
Important Notes: When choosing a title for the menu and using plain HTML, the structure is slightly different. The menu tag must be wrapped in a div with e-bolt-menu class.
Demo

Choose one of these

    •
    Twig
    {% set menu_item_one %}
  {% include '@bolt-elements-text-link/text-link.twig' with {
    content: 'Menu Item One',
    attributes: {
      type: 'button',
    }
  } only %}
{% endset %}
{% set menu_item_two %}
  {% include '@bolt-elements-text-link/text-link.twig' with {
    content: 'Menu Item Two',
    attributes: {
      type: 'button',
    }
  } only %}
{% endset %}
{% set menu_item_three %}
  {% include '@bolt-elements-text-link/text-link.twig' with {
    content: 'Menu Item Three',
    attributes: {
      type: 'button',
    }
  } only %}
{% endset %}
{% set list_items %}
  {% include '@bolt-elements-menu/menu-item.twig' with {
    content: menu_item_one,
  } only %}
  {% include '@bolt-elements-menu/menu-item.twig' with {
    content: menu_item_two,
  } only %}
  {% include '@bolt-elements-menu/menu-item.twig' with {
    content: menu_item_three,
  } only %}
{% endset %}

{% include '@bolt-elements-menu/menu.twig' with {
  title: 'Choose one of these',
  content: list_items,
} only %}
    HTML
    <div class="e-bolt-menu">
  <h2 class="e-bolt-menu__title">This is the menu title</h2>
  <menu>
    <li class="e-bolt-menu__item">
      <button type="button" class="e-bolt-text-link">
        Menu Item One
      </button>
    </li>
    <li class="e-bolt-menu__item">
      <button type="button" class="e-bolt-text-link">
        Menu Item Two
      </button>
    </li>
    <li class="e-bolt-menu__item">
      <button type="button" class="e-bolt-text-link">
        Menu Item Three
      </button>
    </li>
  </menu>
</div>