# empty-state — Examples

## Basic

```html
<empty-state-ui heading="No items" description="There are no items to display yet."></empty-state-ui>
```

## With Icon

```html
<empty-state-ui icon="magnifying-glass" heading="No results" description="Try adjusting your search or filter criteria."></empty-state-ui>
```

## With Action

```html
<empty-state-ui icon="plus-circle" heading="No projects" description="Create your first project to get started.">
  <button-ui slot="action" text="Create Project" variant="primary"></button-ui>
</empty-state-ui>
```
