Skeleton
A shimmering line standing in for text on its way. It only hints at the shape and carries no meaning of its own, so it is hidden from assistive technology.
Controls
▾
Code
import { Skeleton } from "@/components/ui/kit/ui";
<Skeleton width="80%" />Every state
Usage
Tokens it uses
| --line | … |
|---|---|
| --line-2 | … |
Values are read live from the stylesheet, so they follow the site theme.