Información base
Información base
ID: CAT-B-INFOComponentes de información reutilizables. Versionado, estados, contadores.
InfoVersioning
| Componente | Estado | Render | Props |
|---|---|---|---|
| InfoVersioning | Solo versión actual | 4.5.2 | current="4.5.2" |
| InfoVersioning | Actual + nueva versión | 4.5.24.6.0 | current="4.5.2" next="4.6.0" |
| InfoVersioning | Versión con prefijo | v22.4.122.5.0 | current="v22.4.1" next="22.5.0" |
| InfoVersioning | Versión corta | 1.0 | current="1.0" |
| InfoVersioning | Salto mayor de versión | 5.9.36.0.0 | current="5.9.3" next="6.0.0" |
InfoStatus
| Componente | Variante | Render | Props |
|---|---|---|---|
| InfoStatus | verde (operativo) | Conectado | variant="verde" label="Conectado" |
| InfoStatus | amarillo (conectando) | Conectando | variant="amarillo" label="Conectando" pulse |
| InfoStatus | rojo (desconectado) | Desconectado | variant="rojo" label="Desconectado" |
| InfoStatus | gris (inactivo) | Inactivo | variant="gris" label="Inactivo" |
InfoCounters
| Componente | Variante | Render | Props |
|---|---|---|---|
| InfoCounters | naranja | 3 | variant="naranja" value={3} |
| InfoCounters | rojo | 12 | variant="rojo" value={12} |
| InfoCounters | azul | 99+ | variant="azul" value="99+" |
InfoPerformance
| Componente | Estado | Render | Props |
|---|---|---|---|
| InfoPerformance | Ambos buenos (≥90) |  95% 98% | mobile={95} desktop={98} |
| InfoPerformance | Mobile medio, Desktop bueno | 62% 91% | mobile={62} desktop={91} |
| InfoPerformance | Ambos bajos (<50) | 32% 45% | mobile={32} desktop={45} |
| InfoPerformance | Sin datos disponibles | N/A N/A | mobile={null} desktop={null} |
| InfoPerformance | Solo mobile disponible | 78% N/A | mobile={78} desktop={null} |
InfoDataIcon
| Componente | Uso | Render | Props |
|---|---|---|---|
| InfoDataIcon | Fecha | 12 mar 2025 | icon="tabler:calendar" label="12 mar 2025" |
| InfoDataIcon | Autor | Juan Pérez | icon="tabler:user" label="Juan Pérez" |
| InfoDataIcon | Tamaño | 248 MB | icon="tabler:database" label="248 MB" |
| InfoDataIcon | Hora | hace 5 min | icon="tabler:clock" label="hace 5 min" |