Componentes/Segmented Control

Segmented Control

Controle de abas compacto. De 2 a 6 tabs. Container arredondado com radius 64px.

Formulário / Controles
Figma: 1655:25490

Dimensões

VarianteLarguraAltura
Default—28px

Props / Variantes

PropTipoValores
Tabsenum
23456
Stateenum
DefaultActive

Tokens Utilizados

PropriedadeTokenValor
Container BGsurface.secondary
#222222
Tab ativaaction.secondary.default
#4A4A4A
Tab inativa textcontent.tertiary
#A4A4A4

Anatomia

[Container radius-full bg surface.secondary]
  └── [Tab 1] [Tab 2] [Tab N...]
      Padding: 2px no container