Loading

Loading là một component giúp hiển thị loading khi dữ liệu đang được tải.

Ví dụ

import { Loading } from '@xotiny/preact';
import { FC } from 'preact/compat';

export const LoadingDemo: FC = () => {
  return (
    <div>
      <h2>Loading.Spinner</h2>
      <Loading.Spinner />
      <h2>Loading.InfiniteSpinner</h2>
      <Loading.InfiniteSpinner />
      <h2>Loading.MotionBlur</h2>
      <Loading.MotionBlur />
      <h2>Loading.BouncingCircles</h2>
      <Loading.BouncingCircles />
      <h2>Loading.FadeCircles</h2>
      <Loading.FadeCircles />
    </div>
  );
};

Props

Name	Type	Default	Description
size	number	-	Kích thước của loading
strokeWidth	number	-	Độ dày của loading chỉ có tại Spinner và InfiniteSpinner
color	string	-	Màu của loading
duration	number	-	Animation duration