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	number/string		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	number/string		giá trị margin top
ml	number/string		giá trị margin left
mb	number/string		Giá trị margin bottom
mr	number/string		giá trị margin right
mx	number/string		giá trị margin left và margin right
my	number/string		giá trị margin top và marin bottom
p	number/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	number/string		giá trị padding top
pl	number/string		giá trị padding left
pb	number/string		Giá trị padding bottom
pr	number/string		giá trị padding right
px	number/string		giá trị padding left và padding right
py	number/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		chuyển box sang flex layout
flexWrap	boolean		flex wrap (`true`) hoặc không (`false`)
flexDirection	string		thuộc tính flex direction
justifyContent	string		thuộc tính justify content (dùng khi `flex={true}`)
alignItems	string		thuộc tính align items (dùng khi `flex={true}`)
alignContent	string		thuộc tính align content (dùng khi `flex={true}`)
textAlign	string		thuộc tính text-align
verticalAlign	string		thuộc tính vertical-align
style	CSS properties		thêm inline style cho `Box`
className	string		thêm class cho `Box`