Typography

Typography bao gồm các components Text, Title giúp hiển thị văn bản, tiêu đề.

Properties

<Text/> properties

Prop	Type	Default	Description
className	string		Thêm css class cho element
style	React.CSSProperties		Thêm inline style cho element
size	string	'normal'	Kích thước của text với font size - line hieght: xxxsmall:10px - 14px xxsmall: 11px - 16px xsmall: 12px - 16px small: 14px - 18px normal: 15px - 20px large: 16px - 22px xlarge: 18px - 24px
bold	boolean	false
fontSize	number		Font size cho element theo px
noSpace	boolean		Loại bỏ khoảng cách giữa các element, mặc định margin-bottom 8px

<Title/> properties

Prop	Type	Default	Description
className	string		Thêm css class cho element
style	React.CSSProperties		Thêm inline style cho element
size	string	'normal'	Kích thước tiêu đề với font size - line hieght: xsmall: 15px - 22px small: 16px - 22px normal: 20px - 26px large: 24px - 30px xlarge: 27px -34px
bold	boolean	false	In đậm nội dung
textAlign	string		Căn lề cho tiêu đề: center left right
noSpace	boolean		Loại bỏ khoảng cách giữa các element, mặc định margin-bottom 8px

Ví dụ

Code demo fallback when rendering server side!