Logo VitNode

Skeleton

A placeholder component for loading states.

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.

On this page

Preview
Usage