Accordion
Example
The base nav component is built with flexbox and provide a strong foundation for building all types of navigation components.
Tabs with underline
A basic form of tabs with underline.
With icons
Contained tabs with icons.
With badges
Simple example with badges.
Horizontal alignment
Centered with .justify-center:
Horizontal alignment
Centered with .justify-end:
Vertical
Vertically stacked navigation.
Card type tab
Another type of Tabs.
Segment
Another type of Tabs with segment.
Bar with underline
Another type of Tabs with underlined bar.
Pills on gray color
Another type of Tabs with pills on gray color.
Pills with brand color
Another type of Tabs with pills.
Fill and justify
Example with nav -based navigation.