Skip to content

Skeleton

stable

Animated placeholder for loading content

Feedback/Storybook ↗
import { Skeleton } from "@nodus/design-system"
Loading demo…

Props

variant
Type "text" | "block" | "avatar" | "card"Default "text"

Shape variant of the skeleton

width
Type string | numberDefault

Custom width override

height
Type string | numberDefault

Custom height override

lines
Type numberDefault

Number of text lines to render (for text variant)

Metadatatextcirclerectsurfacemotion
MobileWorks As-Is

Skeleton inherits container width and adapts automatically.

Design Rationale

This component was designed to express:

Explore Related

Was this helpful?