When to use it
Use several decorative shapes inside one labeled loading region, or label a single skeleton when it is the only loading indicator. Do not announce every placeholder line.
FeedbackReact Native
Skeleton
Represent loading text, rectangles, and circles with quiet semantic placeholders.
Native example
Use Skeleton
Use several decorative shapes inside one labeled loading region, or label a single skeleton when it is the only loading indicator. Do not announce every placeholder line.
View verified React Native runtime capture
<LumenSkeleton
height={16}
label="Loading profile"
/>Reference
Public API
The primary shared and platform-specific options exposed by LumenSkeleton.
| API | Values or type | Default | Description |
|---|---|---|---|
| shape | text · rectangle · circle | text | Selects the placeholder geometry. |
| width | DimensionValue | 100% | Controls native width; circles use their height when omitted. |
| height | number | 16 | Provides a positive finite height; invalid values normalize to 16. |
| label | String? | nil | Exposes an indeterminate loading state instead of decorative content. |
Native behavior
Design and accessibility
Accessibility
The placeholder is decorative by default. A concise label exposes one indeterminate loading state when surrounding content does not already do so.
Shared component