Headings

Headings are used for showing content hierarchy and are important for improving the reading experience for our users.

To implement Heading component into your project you'll need to add the import:

import Heading from "@kiwicom/orbit-components/lib/Heading";

After adding import into your project you can use it simply like:

<Heading>Hello World!</Heading>

Table below contains all types of the props available in Heading component.

Name	Type	Default	Description
children	`React.Node`		The content of the Heading.
dataTest	`string`		Optional prop for testing purposes.
element	`enum`	`"h1"`	The element used for the root node.
inverted	`boolean`		The `true`, the Heading color will be white.
spaceAfter	`enum`		Additional `margin-bottom` after component. See this docs
type	`enum`	`"title1"`	The size type of Heading.

For guidelines on how to work with headings in your designs, please check Typography page.