Skip to main content

Skeleton

Pulsing placeholder shown while content loads.

Usage

import {Skeleton} from 'rn-inkpad';

<Skeleton circle height={48} />
<Skeleton lines={3} height={12} />
<Skeleton height={120} radius={12} />

Props

NameTypeDefaultDescription
widthDimensionValue100%Block width.
heightnumber16Block height (diameter for circles).
radiusnumbertheme radius smCorner radius.
circlebooleanfalseRenders a circle.
linesnumber1Number of stacked lines; the last one is 60% wide.
gapnumber8Space between lines.
colorstringtheme borderBlock color.
animatedbooleantruePulse animation.
speednumber1000Pulse cycle in milliseconds.
styleStyleProp<ViewStyle>Container style.