Page cover

Segmented Chips

Segmented Chips permitem que as pessoas tomem duas ações com base em um mesmo contexto.


Uso

Segmented Chips comunica que a chip selecionada possui mais de uma ação possível. Ela é aplicada em contextos em que é possível abrir mais opções relacionadas a chip em questão.


Anatomia

❖. Container

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

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

1. Label

Todas as regras do componente são as mesmas do componente de Chips.

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

2. Slash

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


Variantes

O Card Informative possui apenas variantes de estados de interação, sendo aplicável apenas com a skin fill.


Use Cases


Histórico de Atualizações

Figma
Gitbook
Android
iOS
Web

03/10/2025

03/10/2025

chevron-rightAtualizações por datahashtag

Outubro 2025

03/10/2025

  • Criação do componente.

circle-info

Percebeu um erro, ficou com dúvida ou tem uma sugestão?

Contribua com o Kósmos preenchendo nosso formulário de contribuiçãoarrow-up-right — sua colaboração ajuda a tornar o Design System mais claro, útil e evolutivo para todo o time.

Atualizado