Text
Style
Defailt - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lead - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Meta - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Size
Defailt - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Small - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Large - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Weight
Bold - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Light - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Nomal - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Bolder - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lighter - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Italic
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Transform
Capitalize - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
lowercase - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
uppercase - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Color
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Alignment
Left - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Right - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Center - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Justify - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Options & Events
Component options
| Name | Description | Type | Default |
|---|
style | - | 'default' | 'lead' | 'meta' | default |
size | - | 'default' | 'small' | 'large' | default |
weight | - | 'light' | 'normal' | 'bold' | 'lighter' | 'bolder' | normal |
italic | - | boolean | false |
transform | - | 'capitalize' | 'uppercase' | 'lowercase' | undefined | undefined |
color | - | 'muted' | 'emphasis' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | undefined | undefined |
alignment | - | 'left' | 'right' | 'center' | 'justify' | undefined | undefined |