Segmented Picker

A segmented picker allows users to select one option from a set of distinct choices by using segmented controls, typically displayed as horizontally aligned segments, each representing a different option.

Props

Label

Label text for the button. Recommended: 1-2 words.

Size

Different sizes based on application.

Medium (default)
Small

Options

Number of options available. Maximum 3 options.

Two (default)
Three

Leading Icon

Toggle: Assign 16-icon to help set specific button actions.

Leading Icon (On)

States

Default
Hover
Focus

Anna

Designer