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.19 kB
TypeScript
import { FunctionComponent, CSSProperties } from 'react';
/**
* Props for the Radio loader component.
*
* The Radio loader displays a circular animation with three colored segments
* that rotate around the center, resembling radio waves or signal indicators.
* Each segment can have a different color.
*
* @interface RadioProps
*/
interface RadioProps {
/** 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;
/** Array of three colors for the radio segments. Defaults to [DEFAULT_COLOR, DEFAULT_COLOR, DEFAULT_COLOR]. */
colors?: [string, string, string];
/** Accessible label announced to screen readers. Defaults to 'radio-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 Radio: FunctionComponent<RadioProps>;
export { Radio };