Skeleton

Loading...

Installation

Install the component via the CLI in one command.

npx shadcn@latest add @intentui/skeleton

Manual installation

Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.

npm install tailwind-merge

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