Card Header
Structured header panel for cards. Supports title, badge, actions, avatar row, and an optional bottom divider.
import
{ CardHeader } from "@pepulux/ui"Default
Team settings
Manage your workspace.
With badge & actions
Members10/20 seats
Avatar variant
OR
Olivia Rhye
olivia@example.com
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Card header title |
| supportingText | string | — | Sub-text below the title |
| badge | string | — | Small badge beside the title |
| primaryAction | { label, onClick } | — | Primary action button |
| secondaryAction | { label, onClick } | — | Secondary action button |
| avatar | { src?, name, email? } | — | Shows avatar + name/email row |
| divider | boolean | false | Adds a bottom border |