---
{
  title: 'Alert',
  layout: 'docs.11ty.js',
  tag: 'nve-alert',
  associatedElements: ['nve-alert-group']
}
---

## Installation

{% install 'nve-alert' %}

## Support Status

{% api 'nve-alert-group', 'property', 'status' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'SupportStatus' %}

## Status

{% api 'nve-alert', 'property', 'status' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'Status' %}

## Alert Group

{% example '@nvidia-elements/core/alert/alert.examples.json' 'GroupDefault' %}

## Alert Group Status

{% api 'nve-alert-group', 'property', 'status' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'GroupStatus' %}

## Invoker Command

{% example '@nvidia-elements/core/alert/alert.examples.json' 'InvokerCommand' %}

## Closable

{% api 'nve-alert', 'property', 'closable' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'Closable' %}

## Actions

{% api 'nve-alert', 'slot', 'actions' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'Actions' %}

## Prominence

{% api 'nve-alert-group', 'property', 'prominence' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'Prominence' %}

## Content

{% api 'nve-alert', 'slot', 'content' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'Content' %}

## Color

{% api 'nve-alert-group', 'property', 'color' %}

{% example '@nvidia-elements/core/alert/alert.examples.json' 'Color' %}

## Custom Colors

{% example '@nvidia-elements/core/alert/alert.examples.json' 'CustomColorCombinations' %}
