TapEmptyState - Tappify Documentation

function TapEmptyState(__namedParameters): ReactElement;

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

Parameters

__namedParameters

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

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>;
}