fictoan-react
Version:
A full-featured, designer-friendly, yet performant framework with plain-English props and focus on rapid iteration.
26 lines (25 loc) • 1.35 kB
TypeScript
import React from "react";
import { CommonAndHTMLProps, ShapeTypes, SpacingTypes } from '../Element/constants';
interface CommonSkeletonProps {
effect?: "pulse" | "wave" | "none";
animate?: boolean;
loadingLabel?: string;
}
interface SkeletonCustomProps extends CommonSkeletonProps {
variant?: "line" | "circle" | "block";
width?: string | number;
height?: string | number;
shape?: ShapeTypes;
}
interface SkeletonGroupCustomProps extends CommonSkeletonProps {
repeat?: number;
direction?: "vertical" | "horizontal";
spacing?: SpacingTypes;
}
export type SkeletonElementType = HTMLDivElement;
export type SkeletonProps = Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonCustomProps> & SkeletonCustomProps;
export type SkeletonGroupProps = Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonGroupCustomProps> & SkeletonGroupCustomProps;
export declare const Skeleton: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, keyof SkeletonCustomProps> & SkeletonCustomProps & React.RefAttributes<HTMLDivElement>>;
export declare const SkeletonGroup: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, keyof SkeletonGroupCustomProps> & SkeletonGroupCustomProps & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=Skeleton.d.ts.map