Card

LayoutCLI

Card com 9 superfícies, padding independente, interactive, asChild e CardAction no cabeçalho.

Instalação

bash

pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css

/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

tsx

import {
  Card,
  CardHeader,
  CardTitle,
  CardDescription,
  CardAction,
  CardContent,
  CardFooter
} from "aura-ui-components/card";

Exportações

CardCardHeaderCardTitleCardDescriptionCardActionCardContentCardFootercardVariants

Tipos

CardProps

Dependências npm

@radix-ui/react-slotclass-variance-authority

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.