Skeleton

Bloque gris que reserva el sitio del contenido mientras carga.

Cuándo usarlo

Props. width, height, radius, circle (para avatares), lines (n líneas de texto, la última al 60%). Color bg-tertiary con pulso suave; sin animación si el sistema pide menos movimiento.

Regla. Imita la forma real: mismo alto de fila, mismo número de columnas. Un skeleton que no se parece a lo que viene solo añade un parpadeo.

Ejemplos

Props

Prop	Tipo	Por defecto	Descripción
`width`	`string \| number`	—	Por defecto, `100%`.
`height`	`string \| number`	—	Por defecto, 16px.
`radius`	`string \| number`	—	Radio; por defecto, `radius-md`.
`circle`	`boolean`	—	Círculo, para avatares.
`lines`	`number`	—	N líneas de texto de 12px; la última al 60 %.
`className`	`string`	—

Código

import { Skeleton } from "@jotis-me/react";

export default function Page() {
	return (
		<>
			<Skeleton circle width={40} height={40} />
			<Skeleton lines={3} />
		</>
	);
}

---
import { Skeleton } from "@jotis-me/react";
---

<Skeleton circle width={40} height={40} />
<Skeleton lines={3} />