Menu item as link or button
A menu item can be either a link or button, and additional attributes can be passed by using the attributes prop.
Demo
Twig
{% include '@bolt-components-menu/menu.twig' with {
items: [
{
content: 'Menu item 1 is a button',
},
{
content: 'Menu item 2 is a link with attributes',
url: 'https://pega.com',
attributes: {
target: '_blank',
},
},
]
} only %}
HTML
<bolt-menu spacing="medium">
<bolt-menu-item>
Menu item 1 is a button
</bolt-menu-item>
<bolt-menu-item url="https://pega.com" target="_blank">
Menu item 2 is a link with attributes
</bolt-menu-item>
</bolt-menu>