Skip to main content

​
Overview

Skeleton is a React Native component that serves as a placeholder for content during the loading state, providing a smooth, pulsating animation similar to TailwindCSS’s animate-pulse.

​
Preview

  • Preview
  • Code

Light mode

Dark mode

​
Installation

  • CLI
  • Manual
npx nativecn-ui add Skeleton

​
Properties

  • className?: string (optional) - The classes for the View container.

​
Usage

<Skeleton className="w-48 h-4 mb-1" />
<Skeleton className="w-60 h-4 mb-1" />
<Skeleton className="w-36 h-4" />
⌘I