Grupo Solmex
UI Component Library v1.0
Buttons
Button Variants
Primary Button
Secondary Button
Ghost Button
Danger Button
Success Button
Button Sizes
Large Button
Default Button
Small Button
Cards
Card States
Default Card
Standard card with hover effect and border transition.
Active Card
Selected or active state with orange border.
KPI Cards
98.7%
Disponibilidad
↑ 2.3%
24/7
Monitoreo
1,847
Envíos Activos
↓ 5.1%
Badges & Chips
Badge Variants
Premium
Pendiente
Activo
Crítico
Atención
Form Elements
Input Fields
Terminal ID
Código de Rastreo
Número Inválido
Toggle Switches
Data Tables
Terminal
Estado
Disponibilidad
Última Actividad
SLA
VER-001
Activo
99.2%
Hace 2 min
Cumple
MTY-003
Activo
98.7%
Hace 15 min
Cumple
GDL-002
Mantenimiento
94.3%
Hace 1 hora
En Riesgo
Navigation
Dashboard
Terminales
Operaciones
Reportes
Configuración
Alerts & Notifications
ℹ
Nueva terminal agregada a la red certificada.
✓
Operación completada exitosamente. SLA: 99.8%
⚠
Terminal MTY-003 programada para mantenimiento.
✕
Incidente crítico detectado en Terminal GDL-002.
Progress Indicators
Loading Progress
Tooltips
Hover for info
Terminal certificada Solmex