Heading

Heading displays words and characters of various sizes. They are typically used to display text headings.

Derived components:

• H1
• H2
• H3
• H4
• H5
• H6

Import

import { Heading } from '@nomada-sh/react-native-eyecandy';

Example

Props

Text Props

Inherits Text Props

---

variant

This variant is used to set the font size.

Possible values:

• 'h1' uses a font size of 48.
• 'h2' uses a font size of 40.
• 'h3' uses a font size of 32.
• 'h4' uses a font size of 24.
• 'h5' uses a font size of 20.
• 'h6' uses a font size of 18.

Type	Default
'h1' or 'h2' or 'h3' or 'h4' or 'h5' or 'h6'	'h1'