⚠️ AlpuraCodeErrorComponent – Guía de uso
Este documento explica cómo utilizar el componente AlpuraCodeErrorComponent para mostrar vistas de error estandarizadas dentro de las aplicaciones de Alpura, permitiendo informar al usuario sobre fallos técnicos o de validación de forma clara.
🏗 Estructura General
El componente AlpuraCodeErrorComponent está diseñado para ser una solución "plug-and-play" cuando se necesita representar un estado de error (404, 502 y 504). Proporciona una interfaz visual coherente con la identidad de marca y permite acciones de recuperación como el reintento.
📁 Importaciones necesarias
En tu componente, importa AlpuraCodeErrorComponent.
import { AlpuraCodeErrorComponent } from '@alpura/commons';
🧩 Uso en la Plantilla (HTML)
Simplemente añade el selector en tu plantilla y vincula las propiedades necesarias.
<div class="error-container">
<alpura-code-error
[error]="404"
></alpura-code-error>
</div>
📖 API del Componente
Inputs
| Propiedad | Tipo | Descripción |
|---|---|---|
error | 404, 504 o 502 | Requerido. muestra el contenido del código, título y mensaje del error. |
🚀 Resultado esperado
- Una vista de error profesional y alineada al Design System de Alpura.
- Mensajes claros que ayudan al usuario a entender qué salió mal.
- Un mecanismo fácil de implementar para procesos de recuperación (reintentos).
📬 Soporte
Para dudas o mantenimiento del componente AlpuraCodeErrorComponent, contactar al equipo de arquitectura.