Skeleton

Animated shimmer placeholder for loading states.

Usage

import {Skeleton} from 'kinu';

<Skeleton style={{height: "1.5rem"}} />

Exports

Name Description Rendered HTML
Skeleton Content placeholder <div k="skeleton">

Notes

  • Wraps a <div> so you can size it however you want.
  • Use data-rounded to switch to pill skeletons.

_Source: src/components/skeleton/index.tsx