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.13 kB
TypeScript
import { FunctionComponent, CSSProperties } from 'react';
/**
* Props for the FidgetSpinner loader component.
*
* The FidgetSpinner loader displays a fidget spinner with rotating animation.
*
* @interface FidgetSpinnerProps
*/
interface FidgetSpinnerProps {
/** Height of the SVG (number interpreted as px). */
height?: string | number;
/** Width of the SVG (number interpreted as px). */
width?: string | number;
/** Background color of the fidget spinner. Defaults to DEFAULT_COLOR. */
backgroundColor?: string;
/** Array of colors for the spinner balls. Defaults to ['#fc636b', '#6a67ce', '#ffb900']. */
ballColors?: 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;
}
declare const FidgetSpinner: FunctionComponent<FidgetSpinnerProps>;
export { FidgetSpinner };