> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tappify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# TapEmptyState

> Renders the centred message that stands in for content when there is nothing to show.

```ts theme={null}
function TapEmptyState(__namedParameters): ReactElement;
```

Renders the centred message that stands in for content when there is nothing to
show.

## Parameters

### \_\_namedParameters

[`TapEmptyStateProps`](/extensions/reference/frontend-api/Interface.TapEmptyStateProps)

## Returns

`ReactElement`

## Remarks

Centres its text in `--fg-muted` with the title in `--fg-default`. Use it for an
empty result or a surface the install has not been granted; a failure belongs in
`TapErrorState`, which carries a retry and announces itself as an alert.

## Example

```tsx theme={null}
import { TapEmptyState, useTapQuery } from '@tappify/extension-sdk';

function Reviews() {
  const reviews = useTapQuery({
    kind: 'reviews',
    range: { from: '2026-09-01', to: '2026-09-08' },
  });
  if (reviews.data?.total === 0) {
    return <TapEmptyState title="No reviews in this range" />;
  }
  return <span>{reviews.data?.total ?? 0} reviews</span>;
}
```