Components › Display

Card

A hairline-bordered surface with header, content and a footer strip.

Installation

npx plankui@latest add card

Usage

import { Card } from "@/components/ui/card";

<Card>
  <CardHeader><CardTitle>Title</CardTitle></CardHeader>
  <CardContent>…</CardContent>
</Card>

API reference

PropTypeDefaultDescription
classNamestringEvery part accepts className and native div props.

View the source on GitHub