---
{
  title: 'Toast',
  layout: 'docs.11ty.js',
  tag: 'nve-toast'
}
---

## Installation

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

{% install 'nve-toast' %}

## Visual

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

## Status

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

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

## Prominence

{% api 'nve-toast', 'property', 'prominence' %}

{% example '@nvidia-elements/core/toast/toast.examples.json' 'Prominence' '{ "inline": false, "height": "130px" }' %}

## Close Timeout

{% api 'nve-toast', 'property', 'closeTimeout' %}

{% example '@nvidia-elements/core/toast/toast.examples.json' 'Default' '{ "inline": false, "height": "200px" }' %}

## Events

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

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

## Actions

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

## Position

{% api 'nve-toast', 'property', 'position' %}

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

## Alignment

{% api 'nve-toast', 'property', 'alignment' %}

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