AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Navigation

Segmented Control

A row of options where you pick one, like Day, Week, Month.

Loading preview…

When to use

Use a segmented control to switch between two to five views of the same content, like Day, Week, and Month. For moving between separate sections of an app, use a tab bar instead.

Props

PropValuesDefaultDescription
--nnumber–Number of segments.
data-size"sm" | "lg"regularControl height.
checkedon segment inputboolean–Selected segment.