Skeleton

Loading...

Installation

Add the component with the CLI.

npx shadcn@latest add @intentui/skeleton

Manual installation

Install the dependencies, then copy the component source into your project.

npm install cn

Anatomy

import { Skeleton } from "@/components/ui/skeleton"

<Skeleton isLoading>
  <div />
</Skeleton>

Examples

Dynamic content

Skeleton extends the native <div> element.

Loading...

Component API

Skeleton extends the native <div> element.

classNamestring
isLoadingboolean
Design
Progress Circle
Toast