Skip to main content
Version: 4.0.0-rc.1

Skeleton

A placeholder preview for content before the data gets loaded, an alternative for spinners.

Usage

<Skeleton variant="circular" width={40} height={40} />
<Skeleton variant="rectangular" width={210} height={118} />

Props

note

Includes all View props.

NameTypeDefaultDescription
LinearGradientComponentReact ComponentCustom Linear Gradient Component
animationnone or pulse or wavewaveType of animation
circlebooleanshow circular variant
heightnumber12Height of Skeleton View
skeletonStyleView StyleCustom style for skeleton gradient
widthnumber100%Width of Skeleton View