Skip to main content

Skeleton

Skeleton is a loading placeholder that stands in for content while it loads, such as a profile or a project card.

Import

import { Skeleton } from '@vortexlabs/vortex';
import type { SkeletonProps } from '@vortexlabs/vortex';

Other links

Skeleton props
PropTypeDefaultAttributes
loading
boolean
true
children
React.ReactNode
No default value
fixture
React.ReactNode
No default value
fallback
React.ReactNode
No default value
cacheKey
string
No default value
variant
union
shapes
animation
union
pulse
stagger
boolean
No default value
measureOptions
object
No default value
width
union
No default value
height
union
No default value
borderRadius
union
full
ariaLabel
string
No default value
className
union
No default value
attributes
object
No default value

measureOptions

measureOptions options
PropTypeDefaultAttributes
ignore
string[]
No default value
block
string[]
No default value
surfaces
boolean
true