Skeleton is used to display the loading state of some component.

This is custom made component with our understanding and usage limiting the props available.

Anatomy

Import the component.

import { Skeleton } from "@rafty/ui";
<Skeleton />;

Usage

You can set height and width of a skeleton by passing values in className prop.

<Skeleton className="h-8 w-full" />