Hero

Region below the body, across the rail. Equivalent to `Hero.Bottom`.

Lands IN THE MIDDLE of the body, between the description and the actions, not at the end. If the children include compound parts — `Hero.Header`, `Hero.Title`… — the body becomes entirely yours and the text props stop being mounted (ADR-111).

With `transparent` — the default — the band paints no background of its own and inherits the page.

Maximum width of the inner rail; the band still spans the full width.

The small label above the title — the announcement, the category. It sits on top of the whole text block.

Full-bleed background image. The text reads on its veil, not on the image: `overlayOpacity` grades it.

Empty leaves it decorative, which is right when the image adds nothing the text does not already say.

Region to the left of the body. Equivalent to `Hero.Left`, which is how you reorder it.

Heading level of the title, 1 to 6. Structure, not size: the size comes from `size`.

Opacity of the veil over `image`. Without `image` there is no veil, so it has no effect.

Region to the right of the body. Equivalent to `Hero.Right`.

Names the region through `aria-labelledby`. Without it, and without a `Hero.Title` among the children, the band never becomes a named landmark.