@rockshin/react-image-annotation
Version:
An image annotation tool for ai project that manual annotation for images, easy to use!
31 lines (30 loc) • 1.54 kB
TypeScript
import './styles.css';
export interface LoadingProps {
/** Text displayed during the loading state */
loadingText?: string;
/** Additional className for the main container */
className?: string;
/** Content to display after loading completes. Can be a string or React nodes */
content?: string;
/** React nodes to display after loading completes */
children?: React.ReactNode;
/** Controls the loading state */
isLoading?: boolean;
/** Interval (in ms) between progress updates. Default: 100 */
progressInterval?: number;
/** Amount to increment progress by each interval. Default: 2 */
progressIncrement?: number;
/** Delay (in ms) before expanding the container to show content. Default: 300 */
expandDelay?: number;
/** Maximum progress value for auto-progress. Default: 90 */
maxAutoProgress?: number;
/** Enable/disable automatic progress animation. Default: true */
autoProgress?: boolean;
/** Additional className for the content container */
contentClassName?: string;
/** Additional className for the loading spinner */
loadingSpinnerClassName?: string;
/** Additional className for the progress bar */
progressBarClassName?: string;
}
export default function Loading({ loadingText, className, content, children, isLoading, progressInterval, progressIncrement, expandDelay, maxAutoProgress, autoProgress, contentClassName, loadingSpinnerClassName, progressBarClassName, }: LoadingProps): import("react/jsx-runtime").JSX.Element;