UNPKG

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
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;