Skeleton

SeparatorSlider

Placeholders shown while content loads.

Installation

pnpm add krz-ui

Usage

import { Skeleton } from "krz-ui";
<Skeleton circle width={40} />
<Skeleton width={200} height={16} />
<Skeleton lines={3} />

API Reference

PropTypeDescription
width / heightCSS width / heightSize of the placeholder.
circlebooleanCircle placeholder; uses width for both dimensions.
linesnumberRenders a block of text lines; the last is shorter.
radiusCSS border-radiusCorner radius.
className / style / ref—All go to the outer element. See Customization.