Components

Skeleton

Placeholder shapes for loading states — blocks and multi-line text.

Skeleton reserves layout space while content loads.

Example

Preview

import { Skeleton } from '@officina/ui';

<Skeleton height={32} width="60%" />
<Skeleton variant="text" lines={3} />

Prop	Type	Default	Description
height	string \| number	—	Explicit height (px number or CSS length).
lines	number	1	Number of text lines to render for the `text` variant.
variant	enum	rect	Shape of the placeholder.
width	string \| number	—	Explicit width (px number or CSS length).

EmptyState

Placeholder for empty collections with title, copy, and action.

SkeletonRow

Stack of pulsing placeholder bars with varied widths, for loading list/table rows.