Catálogo de componentes
Formulario · Referencia visual de la guía de estilos. Bórrala si ya no la necesitas.
Colores por grupo
Cada grupo redefine --primary y --on-primary; un contenedor con data-grupo los aplica a lo que contiene.
Botones
Campos
S/
Texto de ayuda.
meses
Debe ser mayor que cero.
Opciones
Control segmentado
Avisos e insignias
Aviso informativo (toma el color del grupo).
Los datos se guardaron correctamente.
Revisa los datos antes de continuar.
No se pudo calcular el resultado.
Predeterminada
Destacada
Completada
Pendiente
Vencida
Lista de actividades
1 de 3 completadas
Lista numerada de pasos
Resultado
36 cuotasTEA 18%
Tu cuota mensual
S/ 1,774.34
Total a pagar
S/ 63,876.21
| N.º | Fecha | Cuota | Saldo |
|---|---|---|---|
| 1 | 01/12/2026 | 1,774.34 | 48,920.08 |
| 2 | 01/01/2027 | 1,774.34 | 47,825.17 |
Pestañas
Contenido de la pestaña Datos.
Contenido de la pestaña Cálculo.
Contenido de la pestaña Notas.
Acordeón
¿Qué es la TEA?
Tasa efectiva anual: el costo del crédito expresado a un año.
¿Cómo se calcula la cuota?
Con la fórmula de anualidad sobre el monto, la tasa del período y el plazo.
Ventana modal y avisos
Paginación
Indicadores de carga
Calculando…
Tabla con filas editables
| Concepto | Monto | Acciones |
|---|---|---|
Rango de fechas
Gráfico de radar
Una o varias series sobre 3 o más ejes. Se distinguen por trazo y forma de marca, no solo por color.