Segmented Control

Row of icon-or-label buttons that share a single border. The active background slides between segments on selection. Sized sm/md/lg to match the row baseline.

Icons · sm
Icons · lg
Labels

Add to your project

One command adds this component to your project.

1

Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.

npx shadcn@latest add @aicanvas/andromeda-segmented-control
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More Andromeda components