This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
Heading
renders headings and titles using the library’s typography system.
Usage
import { __experimentalHeading as Heading } from '@wordpress/components';
function Example() {
return <Heading>Code is Poetry</Heading>;
}
Props
Heading
uses Text
underneath, so we have access to all of Text
‘s props except for:
size
which is replaced bylevel
;isBlock
‘s default value, which istrue
for theHeading
component.
For a complete list of those props, check out Text
.
level: 1 | 2 | 3 | 4 | 5 | 6 | ‘1’ | ‘2’ | ‘3’ | ‘4’ | ‘5’ | ‘6’
Passing any of the heading levels to level
will both render the correct typographic text size as well as the semantic element corresponding to the level (h1
for 1
for example).
- Required: No
- Default:
2