UNPKG

react-loader-spinner

Version:

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

31 lines (28 loc) 1.15 kB
import { FunctionComponent, CSSProperties } from 'react'; /** * Props for the Hearts loader component. * * The Hearts loader displays three animated heart shapes that pulsate and fade * in and out with different timing to create a romantic loading animation. * Each heart scales and changes opacity in a staggered pattern. * * @interface HeartsProps */ interface HeartsProps { /** Height of the SVG (number interpreted as px). Defaults to 80. */ height?: string | number; /** Width of the SVG (number interpreted as px). Defaults to 80. */ width?: string | number; /** Primary color applied to the hearts. Defaults to DEFAULT_COLOR. */ color?: string; /** Accessible label announced to screen readers. Defaults to 'hearts-loading'. */ ariaLabel?: string; /** Inline style object applied to the wrapper element. */ wrapperStyle?: CSSProperties; /** CSS class applied to the wrapper for custom styling. */ wrapperClass?: string; /** When false, the loader is not rendered. Defaults to true. */ visible?: boolean; } declare const Hearts: FunctionComponent<HeartsProps>; export { Hearts };