Navigational Tabs

Interactive Demo

This demo lets you preview the navigation component, its variations, and configuration options.

Navigational Tabs Variations

There are two variants of navigational tabs.

1. Default

Provides the standard layout spacing for typical use cases where reflow or limited space is not a concern, maintaining balanced horizontal and vertical padding for optimal readability and comfort

2. Compact

Reduces vertical and horizontal padding to accommodate tighter layouts or smaller viewports, and includes a leading Start Scroll button that allows users to quickly jump back to the first item when the container has overflow