39 lines
889 B
Markdown
39 lines
889 B
Markdown
|
`H` (component)
|
||
|
|
===============
|
||
|
|
|
||
|
|
These components are used to frame out the page content for accessible heading hierarchy. Instead of defining fixed heading levels
|
||
|
|
(`h2`, `h3`, …) you can use `<H />` to create "section headings", which look to the parent `<Section />`s for the appropriate
|
||
|
|
heading level.
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
`Section` (component)
|
||
|
|
=====================
|
||
|
|
|
||
|
|
The section wrapper, used to indicate a sub-section (and change the header level context).
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Props
|
||
|
|
-----
|
||
|
|
|
||
|
|
### `component`
|
||
|
|
|
||
|
|
- Type: One of type: func, string, bool
|
||
|
|
- Default: null
|
||
|
|
|
||
|
|
The wrapper component for this section. Optional, defaults to `div`. If passed false, no wrapper is used. Additional props
|
||
|
|
passed to Section are passed on to the component.
|
||
|
|
|
||
|
|
### `children`
|
||
|
|
|
||
|
|
- Type: ReactNode
|
||
|
|
- Default: null
|
||
|
|
|
||
|
|
The children inside this section, rendered in the `component`. This increases the context level for the next heading used.
|
||
|
|
|