Text

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

We have predefined font sizes: 10 | 12 | 14 | 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 regular. You can make it bolder.

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

Default

Text with default font size
Text with font size 10
Text with font size 12
Text with font size 14
Text with font size 16
Text with font size 18
Text with font size 20
Text with font size 24
Text with font size 32
font size 48
font size 56
font size 64
font size 72

Bold

Text with default font weight
Text with font-weight: semibold

color

Text with default color
Text with defined color
Text with defined color
Text with defined color
Props
Name Type Required Default Description
color string false - Text color
size 9 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 32 | 48 | 56 | 64 | 72 false 16 TODO - Text size (support size 9)
is_bold boolean false - Whether font weight is bold
text_align - - - TODO - Alignment
is_uppercase - - - TODO - Whether text is uppercase
is_underline - - - TODO - Whether text is underlined
line_height - - - TODO - Custom line height