Heading

By default Heading renders as H3 tag with Bulma color, bold 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 bold

Font-weight is regular

Text Align

Text-align is not specified

Centered Heading

Right alignment

Uppercase

Default text-transform is none

Uppercase Heading

Underline

Default text-decoration is none

Underline Heading

Line height

Line-height is pre-calculated

Custon line-height

Semantic tags

H3 is a default tag

H2 tag

H6 tag

Props

NameTypeRequiredDefaultDescription
colorColorPropsNo-Heading color
size16 | 18 | 20 | 24 | 32 | 48 | 56 | 64 | 72No16Heading size
isRegularbooleanNofalseFont weight
textAlignleft | center | right | justify | initial | inheritNo-Alignment
isUppercasebooleanNofalseUppercase Heading
isUnderlinebooleanNofalseUnderline Heading
lineHeightnumberNopre-calculatedCustom line height