Skip to main content

Card Base

O componente Card é usado para agrupar conteúdo e ações, facilitando a identificação de grupos de informações.

Quando usar?​

  • Quando é preciso dividir um conteúdo que pode exigir uma ação do usuário;
    • Exemplo: cards com notícias onde é possível clicar em um e visualizar por inteiro.
Alt text

Como usar?​

  • O layout e as dimensões de um cartão dependem de seu conteúdo. Não existe uma maneira certa de fazer um cartão;
  • Para espaçamentos e margens utilizar os tokens de margin e padding;
  • Um cartão pode conter qualquer coisa, de imagens a títulos, texto de suporte, botões, listas e outros componentes;
  • Com conteúdo muito extenso ou cor de fundo muito forte, tirando o contraste da sombra do card com a página.

Anatomia​

Alt text