marigold-ui/marigold_2026

SegmentedControl

Basic

selects an option on click

Controlled

reflects the selected value in controlled mode

Disabled Option

does not select a disabled option

Overflow

keeps the selected option in view when overflowing

Overflow Small Screen

scrolls inside the track without bleeding past its edges

With Error

exposes the error message and aria-invalid

In Form

submits the selected value as form data

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in