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.

40 lines (37 loc) 1.47 kB
import { FunctionComponent, CSSProperties } from 'react'; /** * Props for the MutatingDots loader component. * * The MutatingDots loader shows dots that mutate and change in size and position. * * @interface MutatingDotsProps */ interface MutatingDotsProps { /** Height of the SVG (number interpreted as px). */ height?: string | number; /** Width of the SVG (number interpreted as px). */ width?: string | number; /** Primary color applied to the loader. Defaults to DEFAULT_COLOR. */ color?: string; /** Accessible label announced to screen readers. */ 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; /** * Provide multiple colors to render a gradient instead of a solid color. * When 2 or more colors are supplied a gradient will be applied to the loader. */ colors?: string[]; /** Type of gradient (linear or radial). Defaults to linear. */ gradientType?: 'linear' | 'radial'; /** Angle (in degrees) applied via rotate() transform for linear gradients. */ gradientAngle?: number; radius?: string | number; secondaryColor?: string; } declare const MutatingDots: FunctionComponent<MutatingDotsProps>; export { MutatingDots };