@accelint/design-toolkit/dist/components/skeleton/index.d.ts

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { SkeletonProps } from './types.js';
import 'react';
import 'tailwind-variants';
import './styles.js';

/**
 * Skeleton - A flexible skeleton loader component for indicating loading states
 *
 * Used to show placeholder content while data is being fetched or processed.
 * Provides visual feedback to users during loading states with customizable shapes.
 *
 * @example
 * // Basic rectangular placeholder
 * <Skeleton />
 *
 * @example
 * // Circular placeholder (useful for avatars)
 * <Skeleton shape="circ" />
 *
 * @example
 * // With loading text content
 * <Skeleton>Loading content...</Skeleton>
 *
 * @example
 * // Nested placeholders for complex layouts
 * <Skeleton className="mb-xl p-m">
 *   <br />
 *   <br />
 *   <Skeleton className="w-[75%]" />
 * </Skeleton>
 *
 * @example
 * // Custom styling
 * <Skeleton className="w-[50%] mt-l" />
 */
declare function Skeleton({ className, shape, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
declare namespace Skeleton {
    var displayName: string;
}

export { Skeleton };