Typography (+Babel)
#
Props#
typeNote 1: Default type: p
Babel: use HTML typography tag names. All tags have default font sizes.
#
Examplep
سلام من به تو یار قدیمی
span
سلام من به تو یار قدیمی
h1
سلام من به تو یار قدیمی
h2
سلام من به تو یار قدیمی
h3
سلام من به تو یار قدیمی
h4
سلام من به تو یار قدیمی
h5
سلام من به تو یار قدیمی
h6
سلام من به تو یار قدیمی
#
colorNote: Default color is gray900
.
Babel: Default color is color-gray900
.
#
Examplevblue
سلام من به تو یار قدیمی
gray900
سلام من به تو یار قدیمی
red400
سلام من به تو یار قدیمی
yellow500
سلام من به تو یار قدیمی
green600
سلام من به تو یار قدیمی
Default
All colors in `overview/colors` are available.
#
sizeNote 1: Default size is the same as tag size.
Note 2: size of each element can be one of the following:
Babel: font-size class names define with: fs-{size}
.
'10'
'11'
'12'
'14'
'16'
'18'
'22'
'24'
'28'
'36'
#
Examplesize: 12
سلام من به تو یار قدیمی
size: 22
سلام من به تو یار قدیمی
size: 36
سلام من به تو یار قدیمی
#
ltrNote 1: Default is false
.
Babel: Just add ltr
class name.
#
ExampleDefault
سلام من به تو یار قدیمی
ltr
My greetings to you my old friend.
#
weightNote 1: Default weight for h
tags is bold.
Note 2: weight of each element can be one of the following:
Babel: font-weight class names define with: fs-{weight}
.
'bold'
'normal'
'100'
'200'
'600'
'900'
#
Examplebold
سلام من به تو یار قدیمی
normal
سلام من به تو یار قدیمی
100
سلام من به تو یار قدیمی
200
سلام من به تو یار قدیمی
600
سلام من به تو یار قدیمی
900