Visualización
Skeleton
Un componente de carga que muestra un efecto de animación shimmer como placeholder.
Uso
El componente SSkeleton proporciona un placeholder animado para indicar que el contenido está cargando. Renderiza una animación shimmer y puede personalizarse mediante la prop class.
Tamaños
Personaliza la altura y el ancho usando clases de Tailwind.
Formas
Círculo
Cuadrado
Composición
Combina múltiples skeletons para construir placeholders de carga para layouts complejos.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
class | string | - | Clases CSS para personalizar tamaño, forma y borde. Se mezclan con las clases por defecto (h-6 w-full rounded-md) |
Alert
Un componente de alerta versátil para mostrar mensajes importantes con múltiples estilos y apariencias.
Definition Term
Renderiza una lista de descripción semántica (<dl>) que empareja una o varias etiquetas de término con una descripción, ideal para información clave-valor como resúmenes o detalles de perfil.