@orangecheck/design / SectionHeaderProps
Interface: SectionHeaderProps
Defined in: composites/section-header.tsx:5
Properties
| Property | Type | Description | Defined in |
|---|---|---|---|
<a id="property-classname"></a> className? | string | - | composites/section-header.tsx:13 |
<a id="property-hint"></a> hint? | { body: ReactNode; side?: "top" | "right" | "bottom" | "left"; title?: string; } | When provided, renders an inline HelpHint "?" next to the label. | composites/section-header.tsx:11 |
hint.body | ReactNode | - | composites/section-header.tsx:11 |
hint.side? | "top" | "right" | "bottom" | "left" | - | composites/section-header.tsx:11 |
hint.title? | string | - | composites/section-header.tsx:11 |
<a id="property-label"></a> label | string | Plain section name — rendered after a "§ " glyph in label-mono. | composites/section-header.tsx:7 |
<a id="property-meta"></a> meta? | any | Optional right-side string (count, "most recent first"). | composites/section-header.tsx:9 |
<a id="property-tone"></a> tone? | "destructive" | "warning" | "success" | "muted" | "primary" | - | composites/section-header.tsx:12 |