⚠️ AlpuraInlineAlertComponent – Guía de uso
El AlpuraInlineAlertComponent se utiliza para mostrar mensajes informativos, de éxito, advertencia o error de forma integrada en la interfaz (Cintillos), permitiendo al usuario recibir retroalimentación sin interrumpir su flujo de trabajo con modales.
📁 Importación
import { AlpuraInlineAlertComponent } from '@alpura/commons';
🧩 Uso en la Plantilla (HTML)
<alpura-inline-alert
variant="full"
title="Acceso limitado"
message="IMPORTANTE: Tu cuenta tiene permisos restringidos para esta sección."
icon="warning"
>
</alpura-inline-alert>
nota: Si no se le agrega un icono, por defecto mostrará el icono de manchas:
🧠 Inputs
| Nombre | Tipo | Default | Descripción |
|---|---|---|---|
title | string | undefined | Título a mostrar en el cintillo. |
message | string | '' | Mensaje a mostrar en el cintillo. |
variant | 'full' | 'short' | 'full' | Variante de ancho: 'full' (100%) o 'short' (fit-content). |
icon | string | undefined | Nombre del mat-icon a mostrar. Por defecto mostrará icono de vaca(manchas). |
🚀 Resultado esperado
- Una alerta visualmente integrada que respeta la paleta de colores del Alpura Design System.
- Comportamiento responsivo que se ajusta al contenedor padre.
📬 Soporte
Para dudas o mantenimiento del componente AlpuraInlineAlertComponent, contactar al equipo de arquitectura.