Skeleton

Lightweight placeholder blocks for loading states.

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

import { Skeleton } from "@tilt-legal/cubitt-components/skeleton";

Examples

Card Placeholder

API Reference

Skeleton

PropTypeDefaultDescription
classNamestring-Additional classes for sizing and shape.
...propsReact.ComponentProps<"div">-Standard div attributes.

On this page