Skip to main content
cngx-src documentation

CngxAlertAction

[cngxAlertAction]

Directivev0.1.0

projects/ui/feedback/alert/alert.ts

Import#

import { CngxAlertAction } from '@cngx/ui/feedback'

Description#

Action button marker inside an alert. Restricts to button and anchor elements.

When present, the alert container uses aria-atomic="false" to prevent re-announcing the entire alert on button interaction.

<cngx-alert severity="error" title="Save failed" [state]="saveState">
  Check your connection and try again.
  <button cngxAlertAction (click)="retry()">Retry</button>
</cngx-alert>

https://cngxjs.github.io/cngx/examples/#/ui/feedback/alert/action-buttons https://cngxjs.github.io/cngx/examples/#/ui/feedback/alert/auto-collapse https://cngxjs.github.io/cngx/examples/#/ui/feedback/alert/boolean-trigger-when https://cngxjs.github.io/cngx/examples/#/ui/feedback/alert/closable https://cngxjs.github.io/cngx/examples/#/ui/feedback/alert/severities https://cngxjs.github.io/cngx/examples/#/ui/feedback/alert/state-driven-visibility

Metadata#