Chuyển tới nội dung chính
ZZalo Platforms

Center

Cập nhật lần cuối:

Center là component để căn giữa phần tử theo chiều ngang.

box_padding_margin

Properties​

Example​

import React from "react";
import { Page, Stack, ZBox, Center, Text } from "zmp-ui";

export default function HomePage() {
  return (
    
      <Center gutter='2rem'>
        <Stack space='2rem'>
          <div style={{ border: "solid 2px", height: "100px" }} />
          <div style={{ border: "solid 2px", height: "100px" }} />
          <div style={{ border: "solid 2px", height: "100px" }} />
          <div style={{ border: "solid 2px", height: "100px" }} />
        </Stack>
      </Center>
    
  );
}