Spinner

Cập nhật lần cuối: 27/05/2022

Spinner component: Component hiển thị loading cho phần nội dung khi cần thiết

Properties

Spinner

Name	Type	Default	Description
logo	React.ReactNode		Phần tử được sử dụng làm logo, được hiển thị ở giữa spinner.
visible	boolean	true	Trạng thái hiển thị của spinner.

Example

Open Sandbox

import React from "react";
import { Page, Spinner, Box, Text } from "zmp-ui";

export default function HomePage() {
  return (
    <Page className="section-container">
      <Text.Title size="small">Loading</Text.Title>
      <Box
        mt={6}
        flex
        flexDirection="column"
        justifyContent="center"
        alignItems="center"
      >
        <Spinner visible logo={""} />
        <Box mt={6}>
          <Text.Title>Ví QR</Text.Title>
        </Box>
      </Box>
    </Page>
  );
}