co-skeleton

Placeholder de carga con efecto shimmer que ocupa el espacio del contenido mientras llegan los datos. Usa las variantes text, rect y circle, y apila varias piezas para reproducir la forma del bloque que se está cargando. Respeta prefers-reduced-motion (se muestra sin animación).

Demo

Ver código

<co-skeleton variant="text" width="60%"></co-skeleton>
<co-skeleton variant="text" width="80%"></co-skeleton>
<co-skeleton variant="circle" width="40px" height="40px"></co-skeleton>

API

Props

Prop	Atributo	Tipo	Default	Descripción
height	height	string	''	Alto CSS (default por variante en CSS)
variant	variant	"circle" | "rect" | "text"	'rect'	rect (default) | text (radio menor) | circle
width	width	string	'100%'	Ancho CSS (default 100%)

Eventos

Este componente no emite eventos personalizados.

Slots

Este componente no expone slots.

CSS Parts

Part	Descripción
::part(skeleton)

CSS Custom Properties

Este componente no expone CSS custom properties.