Back to docs
Component
Skeleton Loader
Shimmer placeholder block for loading states.
Install
npx shadcn@latest add @native-bits/skeleton-loaderDependencies
react-native-reanimatedreact-native-linear-gradient
feedbackloadingmobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| width | number | string | '100%' | Skeleton width |
| height | number | 16 | Skeleton height |
| borderRadius | number | 8 | Corner radius |
Usage
```tsx
import { skeleton-loader } from '@/components/native-bits/skeleton-loader'
<SkeletonLoader width="100%" height={18} borderRadius={9} />
```Source code
Loading...