Box

Cú pháp

<zmp-box>

Box là component giúp bao bọc các element giúp thêm khoảng cách giữa các element một cách dễ dàng theo spacing system của Zalo Mini App. Ngoài ra box còn hỗ trợ tạo nhanh Flex layout.

Box Properties

Prop	Type	Default	Description
m	string	2	m là giá trị margin của box, nhận giá trị là level từ 0 đến 10, với giá trị margin tương ứng là level x 4px
mt	string		giá trị margin top
ml	string		giá trị margin left
mb	string		Giá trị margin bottom
mr	string		giá trị margin right
mx	string		giá trị margin left và margin right
my	string		giá trị margin top và marin bottom
p	string		p là giá trị padding của box, nhận giá trị là level từ 0 đến 10, với giá trị padding tương ứng là level x 4px
pt	string		giá trị padding top
pl	string		giá trị padding left
pb	string		Giá trị padding bottom
pr	string		giá trị padding right
px	string		giá trị padding left và padding right
py	string		giá trị padding top và padding bottom
inline	boolean	false	true nếu box element là inline block, mặc định là block
flex	boolean	false	chuyển box sang flex layout
flex-wrap	boolean	false	flex wrap (`true`) hoặc không (`false`)
flex-direction	string		thuộc tính flex direction
justify-content	string		thuộc tính justify content (dùng khi `flex={true}`)
align-items	string		thuộc tính align items (dùng khi `flex={true}`)
align-content	string		thuộc tính align content (dùng khi `flex={true}`)
text-align	string		thuộc tính text-align
vertical-align	string		thuộc tính vertical-align