Pit Viper

v1.90.0

Pit Viper

v1.90.0
v1 / v2

  • Home
  • Components
  • Alerts

Alerts

Accessibility note: Because of its intrusive nature, role="alert" or aria-live="assertive" role must be used sparingly and only in situations where the user's immediate attention is required. MDN Alert Documentation.

Alerts

Use an alert to communicate important responses to user input.

Example
A regular and warning alert.

Welcome back to Pit Viper.
Only one base language document is allowed per contract.
HTML
<div class="pv-alert" aria-live="polite">Welcome back to Pit Viper.</div>
<div class="pv-alert-warning" aria-live="assertive">Only one base language document is allowed per contract.</div>