Cartões
Os cartões agrupam informações em contêineres flexíveis permitindo que os usuários visualizem conjuntos relacionados;
Podem mostrar apenas um resumo de informações e revelar mais detalhes com interação.
Opções
#Padrão
- Os cartões possuem apenas um padrão de estilização;
- São brancos, possuem cantos arredondados, com sombra ( X1 Y2 D4 );
- Concentram os conteúdos internamente sempre com um espaçamento de respiro.
#Vertical ou horizontal
- Os cartões padrão podem ser dispostos verticalmente (os componentes são organizados em uma coluna) ou horizontalmente (os componentes são organizados em uma linha).
#Selecionável
- A maioria dos cartões são selecionáveis;
- Podemos ativar um "modo de seleção" no qual as caixas de seleção aparecerão;
#Customizável
- O layout de um cartão dependerá de quais informações precisam ser mostrada;
- Cada parte do cartão é opcional, mas devemos respeitar os posicionamentos e distribuição das informações.
#Variantes de alertas
- Por padrão os cartões não possuem bordas;
- Quando existir a necessidade de sinalizar algum alerta, podendo ser positivo, negativo, alerta ou informativa, vamos utilizar as cores selecionadas do design system.