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

## Installation

Learn more about native [Popover APIs](docs/foundations/popovers/).

{% install 'nve-notification' %}

## Visual

{% example '@nvidia-elements/core/notification/notification.examples.json' 'Visual' '{ "inline": false, "height": "250px" }' %}

## Events

{% api 'nve-notification', 'event' %}

{% example '@nvidia-elements/core/notification/notification.examples.json' 'Events' '{ "inline": false, "height": "250px" }' %}

## Status

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

{% example '@nvidia-elements/core/notification/notification.examples.json' 'Status' '{ "inline": false, "height": "440px" }' %}

## Actions

{% example '@nvidia-elements/core/notification/notification.examples.json' 'Actions' '{ "inline": false, "height": "250px" }' %}

## Interactive Group

{% example '@nvidia-elements/core/notification/notification.examples.json' 'InteractiveGroup' '{ "inline": false, "height": "400px" }' %}

## Alignment

{% api 'nve-notification-group', 'property', 'alignment' %}

{% example '@nvidia-elements/core/notification/notification.examples.json' 'Alignment' '{ "inline": false, "height": "600px" }' %}

## Position

{% api 'nve-notification-group', 'property', 'position' %}

{% example '@nvidia-elements/core/notification/notification.examples.json' 'Position' '{ "inline": false, "height": "400px" }' %}

## Position Group

{% api 'nve-notification-group', 'property', 'position' %}

{% example '@nvidia-elements/core/notification/notification.examples.json' 'PositionGroup' '{ "inline": false, "height": "700px" }' %}

## Content Wrap

{% example '@nvidia-elements/core/notification/notification.examples.json' 'ContentWrap' '{ "inline": false, "height": "250px" }' %}

## Custom Status

{% example '@nvidia-elements/core/notification/notification.examples.json' 'CustomStatus' '{ "inline": false, "height": "250px" }' %}
