Pular para o conteúdo principal

Card​

Componente Card

📘 Modo de Uso​

O Card é um contêiner básico usado para agrupar e destacar conteúdos em uma interface.
Ele possui um slot, permitindo inserir qualquer outro componente dentro dele. Isso o torna versátil para usos como:

  • destacar informações de contato;
  • exibir descrições de produtos;
  • criar áreas de chamada para ação (CTA).

🧩 Anatomia​

Anatomia do Card

📋 Propriedades​

Propriedades do Card

⌨️ Código​

opl.surfaces.component.card

🎨 Variantes​

Variantes​

Variantes

Paddings​

Paddings

Colors​

Colors

📃 Observações​

  • A substituição de conteúdo deve ser feita dentro da camada slot, localizada em slotSize.
  • Use o Card como base estilizada, mantendo consistência de layout e hierarquia visual.