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
Name | Type | Required | Default | Description |
---|---|---|---|---|
color | ColorProps | No | - | Heading color |
size | 16 | 18 | 20 | 24 | 32 | 48 | 56 | 64 | 72 | No | 16 | Heading size |
isRegular | boolean | No | false | Font weight |
textAlign | left | center | right | justify | initial | inherit | No | - | Alignment |
isUppercase | boolean | No | false | Uppercase Heading |
isUnderline | boolean | No | false | Underline Heading |
lineHeight | number | No | pre-calculated | Custom line height |