@akshay-bhalala/loaders/dist/index.d.ts

A high-quality, customizable collection of React loader components for your UI: skeletons, spinners, bars, dots, rings, waves, and more. Perfect for modern web apps!

import React from 'react';

interface SkeletonLoaderProps {
    width?: string | number;
    height?: string | number;
    borderRadius?: string | number;
    style?: React.CSSProperties;
    className?: string;
}
declare const SkeletonLoader: React.FC<SkeletonLoaderProps>;

interface SpinnerLoaderProps {
    size?: number | string;
    color?: string;
    thickness?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const SpinnerLoader: React.FC<SpinnerLoaderProps>;

interface DotsLoaderProps {
    size?: number;
    color?: string;
    dotSpacing?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const DotsLoader: React.FC<DotsLoaderProps>;

interface BarLoaderProps {
    width?: string | number;
    height?: string | number;
    color?: string;
    backgroundColor?: string;
    borderRadius?: string | number;
    style?: React.CSSProperties;
    className?: string;
}
declare const BarLoader: React.FC<BarLoaderProps>;

interface PulseLoaderProps {
    size?: number;
    color?: string;
    style?: React.CSSProperties;
    className?: string;
}
declare const PulseLoader: React.FC<PulseLoaderProps>;

interface RingLoaderProps {
    size?: number;
    color?: string;
    thickness?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const RingLoader: React.FC<RingLoaderProps>;

interface WaveLoaderProps {
    barCount?: number;
    barWidth?: number;
    barHeight?: number;
    color?: string;
    gap?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const WaveLoader: React.FC<WaveLoaderProps>;

interface DualRingLoaderProps {
    size?: number;
    color?: string;
    thickness?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const DualRingLoader: React.FC<DualRingLoaderProps>;

interface BounceLoaderProps {
    ballCount?: number;
    size?: number;
    color?: string;
    gap?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const BounceLoader: React.FC<BounceLoaderProps>;

interface CircularProgressLoaderProps {
    size?: number;
    color?: string;
    thickness?: number;
    style?: React.CSSProperties;
    className?: string;
}
declare const CircularProgressLoader: React.FC<CircularProgressLoaderProps>;

export { BarLoader, BounceLoader, CircularProgressLoader, DotsLoader, DualRingLoader, PulseLoader, RingLoader, SkeletonLoader, SpinnerLoader, WaveLoader };
export type { BarLoaderProps, BounceLoaderProps, CircularProgressLoaderProps, DotsLoaderProps, DualRingLoaderProps, PulseLoaderProps, RingLoaderProps, SkeletonLoaderProps, SpinnerLoaderProps, WaveLoaderProps };