Tabs

Installation

pnpm add @base-ui/react motion

Examples

Free, accessible React tabs components built with Base UI for tabbed content, settings panels, and multi-section layouts with animated transitions.

Base

Underline

An underlined style for active tab indicators.

Pills

A pill-shaped style for tab containers with rounded corners.

Disabled

Prevent user interaction with specific tabs using the disabled prop.

Vertical

Static