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

## Installation

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

{% install 'nve-drawer' %}

## Visual

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

## Events

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

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

## Size

{% api 'nve-drawer', 'property', 'size' %}

### Small

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

### Large

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

## Scroll

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

## Position

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

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