Heading

Properties

Properties	Description
`text` or `children`	(required) a heading, can be text or React.Node.
`size`	(optional) Define the typography font-size by a size type, e.g. `x-large`. Defaults to the predefined heading sizes.
`level`	(optional) Overwrite the automated level handling to use a specific value to ensure correct level hierarchy.
`increase`	(optional) If set to `true`, the heading level will be incremented by 1.
`decrease`	(optional) If set to `true`, the heading level will be decremented by 1.
`inherit`	(optional) If set to `true`, the heading last used level will be inherited. Also from inside a level context.
`reset`	(optional) If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.
`skip_correction`	(optional) If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in production builds else either.
`debug`	(optional) If set to `true`, the content will have a prefix, showing the heading level.
`debug_counter`	(optional) If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.
`element`	(optional) define what HTML element should be used. If you use, e.g. a `span`, then `role="heading"` and `aria-level` gets set. Defaults to semantic heading element.
`skeleton`	(optional) if set to `true`, an overlaying skeleton with animation will be shown.
Space	(optional) spacing properties like `top` or `bottom` are supported.

Properties which do apply to the provider (level context) Heading.Level as well: