@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
25 lines (24 loc) • 878 B
TypeScript
import { HTMLAttributes, JSX } from 'react';
import { SelectedAriaAttributes, Theme } from '../../types';
import { SpinnerAriaAttribute, SpinnerSize } from './Spinner.utils';
export interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
/** ARIA attributes to enhance accessibility.
* `{'aria-label'? string;}`
*/
aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
/** Size of the spinner.
* @default 'small'
*/
size?: SpinnerSize;
/** Defines the theme.
* @default 'light'
*/
theme?: Theme;
}
/**
*
* Shows the loading state and that the user request is being processed.
*
* Design in Figma: [Spinner](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=26-3)
*/
export declare const DSSpinner: ({ aria, className, size, theme, ...rest }: SpinnerProps) => JSX.Element;