Skip to main content
⚠️ AppKit is in an early development phase and is subject to change without notice. DO NOT use in production environments.

# Skeleton

Loading placeholder with pulsing animation

## Example​

    import { Skeleton } from "@databricks/appkit-ui/react"

    export default function SkeletonExample() {
      return (
        <div className="flex items-center space-x-4">
          <Skeleton className="h-12 w-12 rounded-full" />
          <div className="space-y-2">
            <Skeleton className="h-4 w-[250px]" />
            <Skeleton className="h-4 w-[200px]" />
          </div>
        </div>
      )
    }

## Skeleton​

Loading placeholder with pulsing animation

Source: `packages/appkit-ui/src/react/ui/skeleton.tsx`

### Props​

This component extends standard HTML element attributes.

### Usage​

    import { Skeleton } from '@databricks/appkit-ui';

    <Skeleton /* props */ />