Headercomponent
Header({ as: Element = "section", children, ...variants }: SectionProps): ReactElement| Param | Type | |
|---|---|---|
variants | SectionProps | Props for Section and its semantic siblings — colour, space, typography, and width variants plus an optional as element override. required |
.as | BlockElement | Element this <Section> renders as, e.g. "header" to output a "<header>" Defaults to "section" |
| Return | |
|---|---|
ReactElement | Rendered <header> element. |
<header> block with section-level spacing.
Examples
<Header><Title>Welcome</Title></Header>