48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import * as _chakra_ui_system from '@chakra-ui/system';
|
|
import { HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
|
|
|
|
interface SkeletonOptions {
|
|
/**
|
|
* The color at the animation start
|
|
*/
|
|
startColor?: string;
|
|
/**
|
|
* The color at the animation end
|
|
*/
|
|
endColor?: string;
|
|
/**
|
|
* If `true`, it'll render its children with a nice fade transition
|
|
*
|
|
* @default false
|
|
*/
|
|
isLoaded?: boolean;
|
|
/**
|
|
* The animation speed in seconds
|
|
*
|
|
* @default 0.8
|
|
*/
|
|
speed?: number;
|
|
/**
|
|
* The fadeIn duration in seconds. Requires `isLoaded` toggled to `true` in order to see the transition.
|
|
*
|
|
* @default 0.4
|
|
*/
|
|
fadeDuration?: number;
|
|
/**
|
|
* If `true`, the skeleton will take the width of it's children
|
|
* @default false
|
|
*/
|
|
fitContent?: boolean;
|
|
}
|
|
type ISkeleton = SkeletonOptions;
|
|
interface SkeletonProps extends HTMLChakraProps<"div">, SkeletonOptions, ThemingProps<"Skeleton"> {
|
|
}
|
|
/**
|
|
* `Skeleton` is used to display the loading state of some component.
|
|
*
|
|
* @see Docs https://chakra-ui.com/docs/components/skeleton
|
|
*/
|
|
declare const Skeleton: _chakra_ui_system.ComponentWithAs<"div", SkeletonProps>;
|
|
|
|
export { ISkeleton, Skeleton, SkeletonOptions, SkeletonProps };
|