## Section Header
A settings GROUP header — the hierarchy parent that a stack of setting rows sits under: a noun-phrase label, an optional "?" help, and a right-aligned action slot (a master switch, a count, a link).
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-section-header> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, settings, audience.
Props:
- label: string, default —. The group title — a noun phrase in sentence case; exposed as a role=heading aria-level=3
- help: string, default —. Optional guidance — renders the "?" help trigger (circled question glyph) after the label; the tooltip carries the text
- action: slot, default —. Right-aligned slot (slot="action") — a master switch, a count, or a link
Tokens: font-product, text-default, text-tertiary.
Use when: Section header (the title of a GROUP of settings — the hierarchy parent over a stack of rows); Setting row (ONE setting inside the group — a label + a control); Settings list (a whole schema-driven surface of groups + rows at once).