---
{
  title: 'Empty State Patterns',
  description: 'Empty State Patterns built with NVIDIA Elements: helpful messaging for no data, no results, or error states to display.',
  layout: 'docs.11ty.js'
}
---

# {{ title }}

UI patterns for representing missing or unavailable data sources.

## Empty Data

{% example '@internals/patterns/empty-states.examples.json' 'EmptyData' %}

## No Results

{% example '@internals/patterns/empty-states.examples.json' 'NoResults' %}

## Offline Mode

{% example '@internals/patterns/empty-states.examples.json' 'OfflineMode' %}

## Data Grid Retry

{% example '@internals/patterns/empty-states.examples.json' 'DataGridRetry' %}
