Skip to main content
Version: Bleeding Edge 🚧

Skeleton

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

Usage

Import

import { Skeleton } from '@rneui/themed';

Theme Key

Skeleton

Variants

The component supports 2 shape variants, i.e. circle, rectangle.

Loading...

Animations

By default, the skeleton pulsates, but you can change the animation to a wave or disable it entirely.

Loading...

Props

note

Includes all View props.

NameTypeDefaultDescription
LinearGradientComponentReact ComponentCustom Linear Gradient Component
animationnone | pulse | wavepulseType of animation
circlebooleanshow circular variant
heightstring | number12Height of Skeleton View
skeletonStyleView StyleCustom style for skeleton gradient
widthstring | number100%Width of Skeleton View