react-content-shimmer
Version:
Content Shimmer to easily create placeholder loading, image loading, card loading, etc .., free to change the colors, speed, sizes, radius and shadow also have few deafult Loding Componets to use. (CardShimmer,ProfileShimmer,SocialShimmer,BulletListShimme
30 lines (29 loc) • 1.56 kB
TypeScript
import { CSSProperties } from 'react';
interface CustomLoader {
rows?: Number;
background?: String;
foreground?: String;
elevation?: Number;
speed?: Number;
rounded?: String;
style?: CSSProperties;
size?: {
height?: Number | String;
width?: Number | String;
};
animation?: "wave" | "pulse";
}
declare const ContentShimmer: ({ rows, background, elevation, speed, size, foreground, rounded, style, animation }: CustomLoader) => JSX.Element;
interface profileStyle extends CustomLoader {
radius?: "xs" | "sm" | "md" | "lg" | "xl";
}
declare const ProfileShimmer: ({ rows, background, elevation, speed, foreground, rounded, radius, style, animation }: profileStyle) => JSX.Element;
interface SocialPlatFormStyle extends CustomLoader {
variant?: "default" | "rounded";
}
declare const SocialShimmer: ({ rows, elevation, speed, background, foreground, variant, style, animation }: SocialPlatFormStyle) => JSX.Element;
declare const BulletListShimmer: ({ rows, elevation, speed, background, foreground, variant, style, animation }: SocialPlatFormStyle) => JSX.Element;
declare const CodeShimmer: ({ rows, elevation, speed, background, foreground, variant, style, animation }: SocialPlatFormStyle) => JSX.Element;
declare const CardShimmer: ({ rows, elevation, speed, background, foreground, variant, style, animation }: SocialPlatFormStyle) => JSX.Element;
export { ProfileShimmer, SocialShimmer, BulletListShimmer, CodeShimmer, CardShimmer, };
export default ContentShimmer;