@yamada-ui/react/dist/types/components/skeleton/skeleton.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps } from "../../core/system/index.types.js";
import { CSSProps } from "../../core/css/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { SkeletonStyle } from "./skeleton.style.js";
import "../../index.js";
import * as react804 from "react";

//#region src/components/skeleton/skeleton.d.ts
interface SkeletonProps extends HTMLStyledProps, ThemeProps<SkeletonStyle> {
  /**
   * The animation duration in seconds.
   */
  duration?: number | string;
  /**
   * The color at the animation end.
   */
  endColor?: CSSProps["color"];
  /**
   * The fade in duration in seconds. Requires `loaded` toggled to `true` in order to see the transition.
   */
  fadeDuration?: number | string;
  /**
   * If `true`, the skeleton will take the width of it's children.
   *
   * @default false
   */
  fitContent?: boolean;
  /**
   * The color at the animation start.
   */
  startColor?: CSSProps["color"];
}
declare const SkeletonPropsContext: react804.Context<Partial<SkeletonProps> | undefined>, useSkeletonPropsContext: () => Partial<SkeletonProps> | undefined;
/**
 * `Skeleton` is a component that acts as a placeholder until content is loaded.
 *
 * @see https://yamada-ui.com/docs/components/skeleton
 */
declare const Skeleton: Component<"div", SkeletonProps>;
//#endregion
export { Skeleton, SkeletonProps, SkeletonPropsContext, useSkeletonPropsContext };
//# sourceMappingURL=skeleton.d.ts.map