UNPKG

reablocks

Version:
31 lines (30 loc) 950 B
import { default as React, FC } from 'react'; import { SkeletonTheme } from './SkeletonTheme'; export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> { /** * Additional CSS class names to apply to the skeleton. */ className?: string; /** * Inline styles to apply to the skeleton. */ style?: React.CSSProperties; /** * Whether to show animated shimmer effect. * @default false */ animated?: boolean; /** * Predefined variant for the skeleton. * - text: Single line of text (h-4 w-full) * - rounded: Circular shape for avatars (rounded-full w-10 h-10) * - rectangle: Wide rectangular shape (h-24 w-full) * - square: Square shape (w-24 h-24) */ variant?: 'text' | 'rounded' | 'rectangle' | 'square' | string; /** * Theme for the Skeleton. */ theme?: SkeletonTheme; } export declare const Skeleton: FC<SkeletonProps>;