Menu
Let your users navigate your website
Tag:
x-turbine-ui-menu
<x-turbine-ui-menuvariant="secondary"><li><x-turbine-ui-nav-link variant="light" prefix="<i class='fa-solid fa-home'></i>">Home</x-turbine-ui-nav-link></li><li><x-turbine-ui-nav-link variant="light" prefix="<i class='fa-solid fa-user'></i>">About</x-turbine-ui-nav-link></li><li><x-turbine-ui-nav-link variant="light" prefix="<i class='fa-solid fa-envelope'></i>">Contact</x-turbine-ui-nav-link></li><li><x-turbine-ui-nav-link variant="light" prefix="<i class='fa-solid fa-pencil'></i>">Blog</x-turbine-ui-nav-link></li></x-turbine-ui-menu>
Attributes
| Name | Type | Options | Description |
|---|---|---|---|
| accent | boolean | Adds an accent | |
| border | boolean | Adds a border | |
| divide | boolean | Adds a divide between elements | |
| hollow | boolean | Removes background colour | |
| ring | boolean | Adds a ring | |
| rounded | boolean | Adds a rounded corner | |
| shadow | boolean | Adds a shadow | |
| size | string | Size is used to control styles such as margin, padding and font size. Extensible via the theme. | |
| variant | string | A variant is like a colour palette |