Vista previa — MessageBanner

Todas las variantes aceptan solo title o title + description. Opcional: stackFooter (pie siempre como botón con hover; onStackFooterClick opcional), actions + onActionClick (botón lateral con hover).

Solo título o título + descripción

Sin actions.

info-blue

Solo título (contenido centrado verticalmente con el icono).
Título en negrita
Descripción en peso light, mismo color Info-secondary.

neutral-info

Solo título
Título
Descripción con icono outlined gris.

alert

success

Operación exitosa
Operación exitosa
Detalle o mensaje secundario en peso light.

Último elemento del stack (con stack--compact o stack--alert): ancho al texto, borde inferior brand y tipografía Body/Regular/xs. El pie es siempre un button (hover / pointer); onStackFooterClick es opcional.

info-blue

Título con pie de stack
Título en negrita
Descripción en peso light.
Pie clickeable
El ancho del pie sigue al texto.

success

Operación exitosa
Detalle en peso light.
Con pie interactivo

alert

Con acción

Con actions y onActionClick.

info-blue

Solo título con acción
Título en negrita
Descripción en peso light.

neutral-info

Solo título con acción
Título
Descripción con icono outlined gris.

alert

success

Operación exitosa con acción
Operación exitosa
Detalle o mensaje secundario en peso light.