Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
FeedbackAndroid

Skeleton

Represent loading text, rectangles, and circles with quiet semantic placeholders.

Public APILumenSkeletonAndroid / Compose

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.

Skeleton rendered in the Android phone emulator Lumen playground
Verified runtime captureAndroid phone emulator
kotlin
LumenSkeleton(
    height = 16.dp,
    label = "Loading profile"
)

Reference

Public API

The primary shared and platform-specific options exposed by LumenSkeleton.

APIValues or typeDefaultDescription
shapetext · rectangle · circletextSelects the placeholder geometry.
widthDp?Fill widthControls native width; circles use their height when omitted.
heightDp16Provides a positive finite height; invalid values normalize to 16.
labelString?nilExposes an indeterminate loading state instead of decorative content.

Native behavior

Design and accessibility

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.

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

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module