Figurecomponent
Figure({ as: Element = "figure", 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 <figure> element. |
<figure> block with section-level spacing.
- Pair with
<Caption>for<figcaption>content.
Examples
<Figure><Image src="/cat.jpg" /><Caption>A cat</Caption></Figure>