← Voltar à biblioteca
Navegação

Controle segmentado

Segmented control

Opções próximas, agrupadas visualmente, para escolher um modo ou valor.

Período

Exemplo didático · Experimente os controles acima

Quando usar

Escolher entre poucos valores mutuamente exclusivos.

Cuidados e acessibilidade

Para valores exclusivos, prefira semântica de grupo de radio; para painéis, use abas.

Partes e comportamento

Grupo rotulado de opções compactas com uma seleção persistente.

Não confunda

Segmentação é uma apresentação visual; a semântica depende de escolher um valor, alternar um estado ou trocar um painel.

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR