Tabs
Tabs
Breadcrumb
Shows the user's location within the hierarchy. Use the breadcrumb partial — pass items with route and label; the last item is always rendered as current.
Two levels
In vue
The vue twin takes its items already resolved: the server holds the route table, so it answers it, and what crosses is the answer.
Three levels
Tabs
Basic tabs
Basic tabs (full width)
Basic tabs (half width zone)
Tabs with icons
Tabs with icons (full width)
Tabs with icons (half width zone)
Tabs with a count
How many of whatever the tab holds, at the end of the label. It is a pill and nothing else — pass `count` beside the label and the tab places it. An item without the key shows nothing, which is how a tab with nothing to count stays quiet.
Tabs in vue
The twig bar is a row of links and the address says which one is open. The vue bar only reports that a tab was asked for, so something around it holds the answer — here, a demo component.