Components

Card

The workhorse surface: a raised clay panel with optional header and footer rails, separated by hairline shadows instead of borders.

tsx

import { Card, CardHeader, CardTitle, CardBody, CardFooter } from "marclayui";

3 new

Everything you drop here sits on a raised clay panel with the full double shadow. The header and footer are optional slots.

Synced

Hover me. The card lifts a few pixels — good affordance for clickable surfaces.

Prop	Type	Default	Description
`hover`	`boolean`	false	Lifts the card on hover.
`…rest`	`HTMLAttributes<HTMLDivElement>`	—	Standard div props; use className for layout.