Typography

Cú pháp

<zmp-text>, <zmp-title>

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

Properties

Text properties

Prop	Type	Default	Description
class-name	string		Thêm css class cho element
style	Vue.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
font-size	number		Font size cho element theo px
no-space	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
class-name	string		Thêm css class cho element
style	Vue.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
text-align	string		Căn lề cho tiêu đề: center left right
no-space	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!