Segmented control

Segmented control is used to pick one choice from a linear set of closely related choices, and immediately apply that selection.

On this page

  • Updated 18 Nov 2024

Playground

No preview available
iconOnly?
size

Props

NameTypeValuesDefault
Variant234562
iconOnly?Variantfalsetruefalse
sizeVariantmediumsmallmedium

: 2, iconOnly?: false, size: medium
2
: 3, iconOnly?: false, size: medium
3
: 4, iconOnly?: false, size: medium
4
: 5, iconOnly?: false, size: medium
5
: 6, iconOnly?: true, size: medium
6

iconOnly?

: 2, iconOnly?: false, size: medium
false
: 2, iconOnly?: true, size: medium
true

size

: 2, iconOnly?: false, size: medium
medium
: 2, iconOnly?: false, size: small
small