Segmented Button

Uso

Segmented Button comunicam ações duplas que os usuários podem tomar. Eles geralmente são colocados em locais que permitem múltiplas ações similares, mas que não cabem no layout.

Anatomia

❖. Container

O container não recebe cores, mas sim os componentes Button internamente.

A aplicação de appearance é no container principal e não em cada componente Button interno.

1. Button

Todas as regras do componente são do Button.

Opções de label e icon são alterados nos componentes Button internamente.

2. Slash

A cor background do slash é influenciado pelo appearance selecionado no componente principal.

Variantes

Fill

Os Fill Buttons têm o maior impacto visual e devem ser usados para ações importantes e finais que completam um fluxo, como chamada para Login.

Em Fill Segmented Button, o contêiner tanto os componentes Button, quanto o slash, devem ter contêineres com uma cor sólida de escala 600.

Tonal

Um Tonal Segmented Button é um meio-termo alternativo entre Fill e Outlined. Eles são úteis em contextos onde um botão de menor prioridade requer um pouco mais de destaque do que um contorno daria.

Outlined

Os Outlined Segmented Button são de média ênfase. Eles contêm ações que são importantes, mas não são a ação principal.

Use cases

Referências

Histórico de Atualizações