buttons component

Expanding Icon Tabs

A compact navigation toolbar where the active icon expands into a readable label.

About this component

A compact navigation toolbar where the active icon expands into a readable label.

Interaction: Click a tab to reveal its label; Arrow Left and Arrow Right move focus, Escape collapses the active tab, and pointer input outside the toolbar clears it.

Dependencies: react, lucide-react

Source or install: npx @mova-ui/react add expanding-icon-tabs

Explore related components

React buttons and interactive controls
Inset Action Button
Circular Create Button
Animated Tags
Gooey Popover

Built for readable source and real interaction

Open a component to preview its states, read the usage details, and copy the source or supported Mova CLI command. The page remains useful as a text document before the interactive preview loads.