generic-alert

WAI ARIA Practices

An alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.

API:

name	description
default	Provide a content node as lightdom

Usage:

Simply drop the element in your page.

Default:

Show code

<generic-alert>This is an alert</generic-alert>

This is an alert

Custom style:

Show code

<style>
    .info {
      background-color: #fff5af;
      border: 1px solid #f7dc1b;
      color: black;
    }
  </style>
  <generic-alert class="info">Here is some info</generic-alert>

Here is some info