Skip to main content

Variable: CardHeader

@arolariu/components


@arolariu/components / CardHeader

Variable: CardHeader

const CardHeader: ForwardRefExoticComponent<CardSectionProps & RefAttributes<HTMLDivElement>>

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

A header region for card titles, descriptions, and top-level actions.

Remarks

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

Renders a <div> with vertical spacing tuned for leading card content. Place CardTitle, CardDescription, and optional controls inside it.

Example

<CardHeader>
<CardTitle>Revenue</CardTitle>
<CardDescription>Monthly recurring revenue overview.</CardDescription>
</CardHeader>

See

Base UI documentation

// was this page useful?