@skeleton-elements/react/types/SkeletonImage.d.ts

Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) are representations of UI that will be available (loaded) soon. They are designed to improve perceived performance.

import * as React from 'react';

interface SkeletonImageOptions extends React.HTMLAttributes<HTMLElement> {
  /**
   * HTML element tag
   *
   * @default 'span'
   */
  tag: string;

  /**
   * Image width in px
   *
   * @default 1200
   */
  width: number;

  /**
   * Image height in px
   *
   * @default 600
   */
  height: number;

  /**
   * CSS color
   *
   * @default undefined
   */
  color: string;

  /**
   * Defines wether to show icon or not
   *
   * @default true
   */
  showIcon: boolean;

  /**
   * Icon CSS color
   */
  iconColor: string;

  /**
   * Animation effectt
   */
  effect: 'fade' | 'pulse' | 'blink';
}

declare const SkeletonImage: React.FunctionComponent<SkeletonImageOptions>;

export default SkeletonImage;