Component
Segmented Control
Pill-shaped single-choice control for view toggles and density switches. Built on the same Tabs primitive as Tabs, with no panels rendered, so the sliding indicator behaves identically.
Basic
Pill-shaped single-choice control, built on the same Tabs primitive; no panels rendered.
Disabled option
Controlled
- Use Tabs when each choice reveals a panel of content; use this when it only switches how the same content is shown
API reference
options *None
SegmentedControlOption[]The segments, in display order.
Also accepts everything from Omit<React.ComponentPropsWithoutRef<typeof import("@base-ui/react/tabs").Tabs.Root>, "orientation">.
Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent