Text

By default Text renders as Paragpaph tag with Bulma color, regular font-weight, and size of 16px.

We treat semantics and visuals as two totally separate things.

Colors

Default color is Bulma

Piccolo

Trunks

Krillin

Sizes

Default font-size is 16px

Size is 24px

Size is 48px

Font Weight

Default font-weight is regular

Font-weight is bold

Text Align

Text-align is not specified

Centered Text

Right alignment

Uppercase

Default text-transform is none

Uppercase Text

Underline

Default text-decoration is none

Underline Text

Line height

Line-height is pre-calculated

Custon line-height

Semantic tags

Paragraph is a default tag

Span tag

Props

NameTypeRequiredDefaultDescription
colorColorPropsNo-Text color
size9 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 32 | 48 | 56 | 64 | 72No16Text size
isBoldbooleanNofalseFont weight
textAlignleft | center | right | justify | initial | inheritNo-Alignment
isUppercasebooleanNofalseUppercase Text
isUnderlinebooleanNofalseUnderline Text
lineHeightnumberNopre-calculatedCustom line height