@accelint/design-toolkit
Version:
An open-source component library to serve as part of the entire ecosystem of UX for Accelint.
40 lines (37 loc) • 1.05 kB
TypeScript
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;
export { Skeleton };