---
{
  title: 'Dialog',
  layout: 'docs.11ty.js',
  tag: 'nve-dialog',
  associatedElements: ['nve-dialog-header', 'nve-dialog-footer']
}
---

## Installation

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

{% install 'nve-dialog' %}

## Visual

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

## Events

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

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

## Content

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

## Small

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

## Medium

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

## Large

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

## Text Wrap

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

## Position

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

## Scroll Content

{% example '@nvidia-elements/core/dialog/dialog.examples.json' 'ScrollContent' '{ "inline": false, "height": "650px" }' %}
