Data display

Card

A flat, bordered surface. No shadow at rest.

@codeways/ui/card

Card

Flat, bordered card - no shadow at rest; elevation is reserved for things that float.

Customer and dates

Who is billed, and when payment falls due.

Acme Pty Ltd - due 15 Oct 2026.

A card with content only - header and footer are optional.

Usage

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@codeways/ui/card";

<Card>
  <CardHeader>
    <CardTitle>Customer and dates</CardTitle>
    <CardDescription>Who is billed, and when payment falls due.</CardDescription>
  </CardHeader>
  <CardContent>...</CardContent>
</Card>