---
{
  title: 'Panel Patterns',
  description: 'Panel patterns built with NVIDIA Elements: detail drawers, side sheets, and inspector panels for editing in place.',
  layout: 'docs.11ty.js'
}
---

# {{ title }}

Examples of the [Panel](./docs/elements/panel/) component with different content
intended for different use cases.

### Key Value

{% example '@internals/patterns/panel.examples.json' 'KeyValue' %}

### Accordion

{% example '@internals/patterns/panel.examples.json' 'Accordion' %}

### Tabbed Header

{% example '@internals/patterns/panel.examples.json' 'TabbedHeader' %}

### Notification Stack

{% example '@internals/patterns/panel.examples.json' 'NotificationStack' %}
