Variable: Card

@arolariu/components

---

@arolariu/components / Card

Variable: Card

const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/card.tsx:58

A card container for grouping related content into a bordered surface.

Remarks

Rendering Context: Server- and client-compatible presentational component.

Renders a styled <div> with the library's card border, background, and shadow. Compose it with CardHeader, CardContent, and CardFooter to create structured panels without depending on a Base UI primitive.

Example

<Card>
  <CardHeader>
    <CardTitle>Team activity</CardTitle>
    <CardDescription>Latest changes across your workspace.</CardDescription>
  </CardHeader>
  <CardContent>{children}</CardContent>
  <CardFooter>Updated 2 minutes ago</CardFooter>
</Card>

See

Base UI documentation