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
visible	boolean	true	Hiện/ẩn spinner
logo	React.ReactNode		Thêm logo vào 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>
  );
}