Data Display

Componentes para mostrar datos, estados de carga y estados vacios.

ShikoSkeleton

Placeholder animado para contenido en carga. Variantes: text, card, avatar, list.

Variant: text


Variant: card


Variant: avatar


Variant: list

count=3 (default)

count=5, lineHeight="1.25rem"


Ejemplo compuesto: tarjeta de paciente en carga

ShikoEmptyState

Estado vacio cuando no hay datos para mostrar. Soporta icono, titulo, descripcion y accion (enlace o boton).

Con icono y accion de enlace

Sin citas programadas

No tienes citas pendientes para esta semana. Agenda una nueva consulta para tu mascota.

Agendar Cita

Con boton de accion (emit)

Sin resultados

No se encontraron pacientes con ese nombre. Intenta con otro termino de busqueda.

Solo titulo y descripcion

Historial vacio

Este paciente aun no tiene registros medicos.

ShikoStatCard

Tarjeta para resaltar metricas numericas. Envuelve ShikoCard con formato centrado.

42
Citas Hoy
Consultas agendadas
1,847
Pacientes
Total registrados
15
Vacunas Pendientes
Para esta semana
$124,500
Ingresos
Facturacion del mes