Heading

NB! The component is depricated. Please use our new Typography built with Tailwind.

We have predefined font sizes: 16 | 18 | 20 | 24 | 32 | 48 | 56 | 64 | 72. Line heights are calculated automatically based on font size.

By default font size is 16. You can choose any size.

By default font weight is bold. You can make it thiner.

By default Heading color is bulma.100. You can use any color.

Sizes

Heading with default font size
Heading with font size 16
Heading with font size 18
Heading with font size 20
Heading with font size 24
Heading with font size 32
font size 48
font size 56
font size 64
font size 72

Is regular

Heading with default font weight
Heading with font-weight: regular

Color

Heading with default color
Heading with defined color
Heading with defined color
Heading with defined color
Props
Name Type Required Default Description
color string false text-bulma Heading color
size 16 | 18 | 20 | 24 | 32 | 48 | 56 | 64 | 72 false 16 Heading size
is_regular boolean false - Whether font weight is normal
text_align - - - TODO - Alignment
is_uppercase - - - TODO - Whether text is uppercase
is_underline - - - TODO - Whether text is underlined
line_height - - - TODO - Custom line height