LifeUI

Skeleton

Proporciona un indicador visual de carga mientras el contenido real se encuentra en proceso de recuperación o renderizado.

Texto

Usalo cuando esperas que se cargue un título, párrafo, o cualquier texto.

💡 Ajusta la altura aplicando un tamaño de fuente, mira el sistema de tipografia.

Usalo cuando esperas que se cargue un avatar o icono redondo.

Usalo cuando esperas que se cargue una imagen, tarjeta o botón.

Prop	Tipo	Requerido	Descripción
`variant`	`'text' \| 'rectangle' \| 'circle'`	-	El tipo de skeleton a mostrar.
`className`	`string`	-	Clase CSS adicional para el contenedor.
`...rest`	`ComponentPropsWithoutRef<"div">`	-	Todas las props del elemento HTML div.