Section Header
Title + supporting text row for page sections. Supports tab group, search, and action buttons in the trailing slot.
import
{ SectionHeader } from "@pepulux/ui"Default with buttons
Team members
Manage your team's access and roles.
With search
Invoices
View and export billing history.
⌘K
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Section heading text |
| supportingText | string | — | Supporting sub-text below the title |
| actions | "buttons" | "search" | "button-group" | "buttons" | Type of trailing action slot |
| primaryAction | SectionHeaderAction | — | { label, onClick } primary button |
| secondaryAction | SectionHeaderAction | — | { label, onClick } secondary button |
| onSearch | (q: string) => void | — | Search handler (used when actions=search) |
| divider | boolean | false | Adds a bottom border |