## Overview [#overview] `Skeleton` renders animated placeholder blocks while content is loading. It inherits the current surface context and renders two levels above its parent, so loading shapes stay visible inside cards, dialogs, menus, and other elevated surfaces. ## Usage [#usage] ```tsx import { Skeleton } from "@tilt-legal/cubitt-components/skeleton"; ``` ## Examples [#examples] ### Card Placeholder [#card-placeholder] ## API Reference [#api-reference] ### Skeleton [#skeleton] | Prop | Type | Default | Description | | ----------- | ----------------------------- | ------- | ---------------------------------------- | | `className` | `string` | - | Additional classes for sizing and shape. | | `...props` | `React.ComponentProps<"div">` | - | Standard `div` attributes. |