Use headings to separate sections of your page. Currently builtin-react
supports four heading types. It functions the same as a normal <h*>
tag. It supports two optional props
to allow for customisation and theming.
import { H1, H2, H3, H4 } from 'builtin-react'
<H1>Include your title here</H1>
// Override theme
const theme = {
heading: '#EB1244',
fontSize: '30px'
};
<H2 theme={theme}>With Override theme</H2>
Name | Type | Default | Description |
---|---|---|---|
className | string | null | Custom class name to override css |
theme | object | null | Used to change the theme of the component |