Feedback

Skeleton

Themed loading placeholder with rectangle, circle, text, and text-block shapes.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjSkeletonComponent } from '@kouji-ui/components';

Loading editor

shape

animation

width

height

lines (text-block)

<kj-skeleton
  kjSkeletonShape="rectangle"
  kjSkeletonAnimation="shimmer"
  kjWidth="12rem"
  kjHeight="3rem"
/>