Tabs
Other

Tabs 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 .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 tabs themes for advanced implementations.