Pular para o conteúdo principal

Card

O Card é um containers usados para agrupar informações semelhantes, que têm algum tipo de interação. Os cards podem ter qualquer tipo de informação e vários tipos de elementos internos, que devem sempre respeitar os tokens e regras de espaçamentos.

Interações

Não interativo (padrão)

O padrão é que os cards não tenham interação, mas seus elementos internos podem ser interativos.

Interativo

Os cards com interação permitem ativação e desativação ao clicar, mas, neste caso, o estilo do card é alterado.

Boas práticas

Textos

  • Títulos demarcam o topo da hierarquia da informação. O título do card pode ser usado para contextualizar as pessoas de forma rápida, trazendo a informação principal
  • Priorize o uso de substantivo ou frase curta. Não use ponto final, interrogação, reticências ou qualquer outro elemento gráfico no título
  • As descrições devem fornecer texto adicional. Elas devem ajudar a aumentar o entendimento da informação e sempre devem ser pontuadas no final da última frase

Área útil

Sombras

Feedback