@engie-group/fluid-design-system-react
Version:
Fluid Design System React
42 lines (41 loc) • 1.09 kB
TypeScript
import React from 'react';
declare const spinnerStyleToCssClasses: TSpinnerColor;
declare const spinnerSizeToCssClasses: TSpinnerSize;
export declare const NJSpinner: React.ForwardRefExoticComponent<ISpinnerProps & React.RefAttributes<HTMLDivElement>>;
export type TSpinnerSize = {
lg: string;
md: string;
sm: string;
xs: string;
xxs: string;
};
export type TSpinnerColor = {
normal: string;
inverse: string;
grey: string;
};
export interface ISpinnerProps {
/**
* Whether to render the content of the spinner,
* the wrapper of the component beeing always rendered
* to make the live region work properly.
*/
isLoading?: boolean;
/**
* Whether the spinner is rendered as a block (<div>) or an inline (<span>) element.
*/
isBlock?: boolean;
/**
* Spinner theme variant
*/
variant?: keyof typeof spinnerStyleToCssClasses;
/**
* Spinner size
*/
size?: keyof typeof spinnerSizeToCssClasses;
/**
* Optional additional className
*/
className?: string;
}
export {};