Skip to main content
ClosingBand
ImplementedFused closing band for the homepage (HV2 / R8, ADR-061): three numbered steps plus the help panel in ONE section. Numerals are decorative (aria-hidden) with no progress semantics; the support address is a real mailto link and the sell action renders as aria-disabled text until its page exists (D11 / O6). Copy is entirely consumer-supplied.
Categoryorganisms
Source
components/organisms/ClosingBand/ClosingBand.tsxProps
Preview
ClosingBand
Prop
Type
Required
Default
Description
headingstringRequired
—Band heading (h2).
headingIdstringOptional
'ep-closing-band-heading'id used by the section's aria-labelledby.
stepsClosingBandStep[]Required
—Ordered steps — { title, description }. Rendered as <li> with a decorative numeral.
helpClosingBandHelpRequired
—Help panel — { heading, line, emailLabel, emailHref, sellLabel? }. sellLabel renders non-interactive (aria-disabled, no href).
classNamestringOptional
—Additional CSS classes on the section.
Quick use:
<ClosingBand />Accessibility
ARIA roleregion