@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
33 lines (32 loc) • 1.31 kB
TypeScript
import { KendoComponent } from '../_types/component';
export declare const LOADERCONTAINER_CLASSNAME = "k-loader-container";
declare const options: {
size: ("small" | "medium" | "large" | undefined)[];
themeColor: ("base" | "primary" | "secondary" | "tertiary" | undefined)[];
};
export type KendoLoaderContainerOptions = {
size?: (typeof options.size)[number] | null;
themeColor?: (typeof options.themeColor)[number] | null;
};
export type KendoLoaderContainerProps = KendoLoaderContainerOptions & {
loaderType?: 'pulsing' | 'infinite-spinner' | 'converging-spinner';
position?: 'top' | 'end' | 'start';
panel?: boolean;
};
/**
* LoaderContainer component - displays a loader with optional overlay and label.
*
* @accessibility
* - Uses `role="status"` with `aria-live="polite"` to announce loading state politely
* - The "Loading..." label provides visible text for the loading state
* - Overlay prevents interaction with content behind the loader
*
* @example
* ```tsx
* <LoaderContainer aria-label="Loading page content" />
* ```
*
* @wcag 4.1.3 Status Messages - loading states announced via live region
*/
export declare const LoaderContainer: KendoComponent<KendoLoaderContainerProps & React.HTMLAttributes<HTMLDivElement>>;
export default LoaderContainer;