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 |