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

Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.