Skip to content

Alert Banner13.10.5

Alert Banners provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.


$ npm i @if-design-system/alert-banner@13.10.5

Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Edit this section

Usage

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Types

Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Info (default)
Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Success
Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Warning
Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Error
Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Dissmissable success notification
Mobile view

Dismiss

A notification can be dismissed.

Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Click here to view details
Edit this section

Anatomy

Information

Vi minder dig om, at din selvrisiko ikke er blevet betalt. Du kan indbetale beløbet via MobilePay eller via det girokort, vi har sendt dig. Du kan se bort fra denne besked, hvis du netop har betalt.

Alert Banner
  1. Banner
  2. Title (optional)
  3. Text (optional)
  4. Close button (optional)
Edit this section

Specs

Some random content here
Alert Banner
Edit this section

Implementation

<div class="if alert-banner [info|success|warning|error]">
  ...
</div>

With dismiss

<div class="if alert-banner success">
  ...
  <button type="button" class="if close"><span class="if axe sr-only">Close</span></button>
</div>
Edit this section

Contact us