Skeleton

Reserve layout space while data or an interface section is loading.

Preview

Usage

import { Skeleton } from '@vitnode/core/components/ui/skeleton'

<div className="flex items-center space-x-4">
  <Skeleton className="h-12 w-12 rounded-full" />
  <div className="space-y-2">
    <Skeleton className="h-4 w-[250px]" />
    <Skeleton className="h-4 w-[200px]" />
  </div>
</div>

Sheet

A sheet component for displaying additional content in a modal-like overlay.

Sonner

A toast notification component for displaying messages to users.

Skeleton

Preview

Usage

On this page