reablocks
Version:
Component library for React
31 lines (30 loc) • 950 B
TypeScript
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>;