Card

Estrutura

Agrupa um bloco de conteúdo com cabeçalho, corpo e rodapé opcionais.

Substitui no Brain:SettingsCardui cardfp-card escrito à mão

Cabeçalho, corpo e rodapé

Dados pessoais

Como você aparece para a equipe

Conteúdo do cartão

Atualizado há 2 dias

Dados pessoais

Como você aparece para a equipe

Conteúdo do cartão

Atualizado há 2 dias

import { Button, Card, CardBody, CardFooter, CardHeader } from "@paytime/ui";

export default function Example() {
  return (
    <Card className="max-w-md">
      <CardHeader
        title="Dados pessoais"
        description="Como você aparece para a equipe"
        actions={<Button tone="neutral" variant="outline" size="sm">Editar</Button>}
      />
      <CardBody>Conteúdo do cartão</CardBody>
      <CardFooter>Atualizado há 2 dias</CardFooter>
    </Card>
  );
}