Spinner

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>
  );
}