claritykit-svelte/dist/components/primitives/Skeleton/Skeleton.svelte.d.ts

A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility

type $$ComponentProps = {
    variant?: 'text' | 'avatar' | 'card' | 'button';
    size?: 'sm' | 'md' | 'lg';
    width?: number | string;
    height?: number | string;
    lines?: number;
    animate?: boolean;
    class?: string;
};
/**
 * Skeleton
 *
 * Loading placeholder component with different variants for various content types.
 * Provides visual feedback during content loading with ADHD-friendly animations.
 * SSR-compatible with safe animation handling and reduced motion support.
 *
 * @prop {string} [variant='text'] - Skeleton variant (text, avatar, card, button)
 * @prop {string} [size='md'] - Skeleton size (sm, md, lg)
 * @prop {number} [width] - Custom width in pixels or percentage
 * @prop {number} [height] - Custom height in pixels or percentage
 * @prop {number} [lines=1] - Number of text lines (only for text variant)
 * @prop {boolean} [animate=true] - Whether to show loading animation
 * @prop {string} [className] - Additional CSS classes
 */
declare const Skeleton: import("svelte").Component<$$ComponentProps, {}, "">;
type Skeleton = ReturnType<typeof Skeleton>;
export default Skeleton;
//# sourceMappingURL=Skeleton.svelte.d.ts.map