Pular para o conteúdo principal

Templates​

Abaixo seguem as configurações de templates mais comuns para o componente Card.

Home Card​

Os cards de categoria (ou home cards), com suas variações, oferecem uma abordagem eficaz para organizar e exibir conteúdo de maneira visualmente atraente.

Template do Card - Home Card

Content Card​

O Content Card é uma combinação de variações de Card com variações de conteúdo, projetado para fornecer uma estrutura flexível e configurável para diversos tipos de informações. Ele é ideal para apresentar artigos de blog, notícias, atualizações de status ou qualquer conteúdo que precise ser agrupado e exibido de maneira consistente.

Template do Card - Content Card

📃 Observações​

  • Atenção necessária na hora de aplicar as propriedades: sempre faça na camada mais externa, que é o componente de template em si.
  • A substituição de conteúdo ocorre na camada slot, dentro de slotSize.

Profile Card​

O Profile Card é utilizado na home e deve ser a primeira visão do usuário ao entrar no app.
A versão atual possui um avatar, nome do usuário, badge de nível, texto de recomendação para o usuário e botão que direciona para a página de perfil.

Template do Card - Profile Card

📃 Observações​

  • Ainda será desenvolvida e implementada a badge de Perfil.
  • Está sendo estudada a aplicação de uma camada de imagem no background.