Grid Layout

Grid layout Components

Cú pháp

<zmp-grid> <zmp-grid-item>

Hỗ trợ tạo layout dạng lưới, có icon và text. Bao gồm 2 component là Grid và GridItem.

Grid layout Properties

<zmp-grid/> properties

Prop	Type	Default	Descriptiont
no-border	boolean	false	Giá trị bằng true bỏ border của grid và giữa các element bên trong grid
columns	number	3	Số luợng columns trên một grid* Giá trị tối thiểu 1 Giá trị tối đa 6
data	array		Mảng chứa các object biểu diễn dữ liệu cho các grid item (sử dụng grids thông qua data thay vì GridItem children) icon: element Icon element hiển thị icon cho grid item label: string Thêm label cho grid item onClick: function Event handler cho sự kiện click lên grid item to: string Đường dẫn đến page cần tải

<zmp-grid-item/> properties

Prop	Type	Default	Descriptiont
label	string		Text label cho grid item
icon	element		Icon cho grid item
to	string		Đường dẫn tới trang cần tải
disabled	boolean	false	Vô hiệu hóa grid item (người dùng không thể thực hiện click/press)

Ví dụ

Code demo fallback when rendering server side!