Primary Nav
ID: mantra_starter:primary_nav
| Name | Label | Type | Description |
|---|---|---|---|
content
|
Content | Slot | |
items
|
Menu items | Links | |
collapsible
|
Collapsible | Enum | Menu items are not collapsible if this prop is missing or empty. Allowed values: open, closed |
With a menu title
The first item carries no URL, which is how the template is told to treat it as the title of the menu rather than as a link: it gets the `menu-title` class and renders as a span.
Open by default
A menu whose parents open on load. An item with children is a `details` element rather than a link with a script behind it, so the whole thing works with no JavaScript and the open state is the element's own. Note that the component only renders anything while `collapsible` is set -- the non-collapsible branch of the template is an empty macro.
Closed by default
The same menu with `collapsible` set to closed, which is the state the summary rows have to be legible in on their own.