Examples
Default Sizes
H1-styled title
H2-styled title
H3-styled title
H4-styled title
H5-styled title
H6-styled title
Props
Title
| Name | Type | Default | Description |
|---|---|---|---|
| headingLevelrequired | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | The heading level to use | |
| children | React.ReactNode | '' | Content rendered inside the Title |
| className | string | '' | Additional classes added to the Title |
| ouiaId | number | string | Value to overwrite the randomly generated data-ouia-component-id. | |
| ouiaSafe | boolean | true | Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. |
| size | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | The size of the Title |
CSS variables
| Expand or collapse column | Selector | Variable | Value |
|---|
