Criação de Cards
Para exibição do conteúdo em formato de cards, é preciso criar uma capa para poder ter acesso à funcionalidade "Layout".
Confira o passo a passo:
- Crie uma capa dentro de uma pasta, clique em "Layout", insira uma linha e arraste para dentro dela o tile de "Cards" e salve;
- Em seguida, clique no menu "Compor". Imediatamente, vai aparecer no canto direito da página o botão "Adicionar conteúdo". Clique nele e procure as páginas, pastas e links já criados que você quer adicionar. Quando encontrar é só clicar e arrastar para dentro da linha de edição onde está escrito "Cards".
Quer que apareça o símbolo de informação "i" no card?
- Para aparecer o símbolo de informação "i" no card, cada pasta, página ou link escolhidos para a área terá que ter uma descrição. Ex. página. Entre na página, edite-a e coloque uma descrição mínima do que é aquele conteúdo. Veja exemplo abaixo:
Quer que apareça o o ícone no card?
- Para aparecer o ícone no card, é preciso colocar o código dos ícones na edição da página também.
- Como encontrar esses ícones? Conforme o Design System do GOV.BR, foi escolhida a coleção free de ícones “Font Awesome“ - versão 6.4.2 (Free Icons | Font Awesome). Lembre-se de escolher ícones semânticos e que tenham a ver com o conteúdo a ser disponibilizado.
- Como colocar os ícones? Copie o código do ícone do site acima, depois volte no site e edite a página, link ou pasta que você quer que apareça nos cards. No item "Card", cole o código da fonte Awesome que você copiou, ajustando para que o campo "Classe de css" fique como na imagem abaixo:
- Salvar e voltar à capa pra visualizá-los.