Card

Um contêiner visual com bordas, preenchimento e sombra para agrupar conteúdos relacionados.

New York

Este é um exemplo básico de um card para apresentar conteúdos agrupados.

Utilização


index.tsx
import { Card } from "@convertcompany/ui";

Exemplos


Com formulário

Cadastrar usuário

Preencha os campos abaixo para criar um novo usuário.


Props

PropriedadeTipo
classNameClasse CSS adicional para customização do estilo do card.
string
childrenConteúdo exibido dentro do card.
ReactNode
...propsDemais props nativas do elemento <div>.
HTMLAttributes<HTMLDivElement>