Glowup
FEEDBACK · 67 / 89
Skeleton
Skeleton — a Material You feedback component for React Native and web.
󱀫
packages/ui/src/components/Skeleton.tsx
Live demo
Properties
5 controls
Variant
Rect
󰍝
Width
Height
Duration (ms)
Animate
Usage
Skeleton.tsx
<Skeleton />
Variants
The states and shapes this component is meant to be used in.
Variants
circle — avatar placeholder
text — copy placeholder
rect — media placeholder
Card placeholder
List placeholder
Shapes
borderRadius 0 — table cell
borderRadius 8 — default
borderRadius 20 — pill, standing in for a chip row
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
7 on SkeletonProps
animate
boolean
default: true
false renders a static placeholder (no pulse).
borderRadius
number
duration
number
default: 1200
Pulse animation duration for a full cycle (ms).
height
DimensionValue
style
StyleProp<ViewStyle>
variant
SkeletonVariant
default: "rect"
width
DimensionValue
󰅁
Previous
Menu
Next
CircularProgress
󰅂