Nav
Other

Nav is a component to group up buttons, inputs and other content.

Usage

Use Tailwind CSS to assign styles (e.g. border-radius).

Use Tailwind CSS to assign alignment (e.g. margin auto, align-items, justify-content).

Use .inline-flex and flex-direction to stack. Use .flex-auto to expand items to fill width.

You can set activation styles by adding the class .on.

This demos use list see documentation for more info.

For accessibility purpose use <nav></nav> with an accessible name assigning [aria-label] or [aria-labelledby].

Implementation

Check out nav themes for advanced implementations.