Skeleton

PreviousNext

Generic loading block.

import { Skeleton } from "@/rl-ui";

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

Examples

Shapes

import { Skeleton } from "@/rl-ui";

<>
<Skeleton className="h-8 w-40" />
<Skeleton className="h-10 w-10 rounded-full" />
<Skeleton className="h-24 w-full" />
</>

API

PropTypeDefaultDescription
activebooleantrueAnimate the shimmer.
classNamestring—Size / shape utilities.