Skip to Content
/
Get full access

Empty State blocks: compare

Every Empty State block side by side, with a picture and description of each. Open one for its preview, props and install.

All Empty State blocks

4 blocks, A to Z.

  • help-search

    help-search

    Searchable help center card that filters questions and answers as you type, announces the result count, and offers clear-search and support actions when nothing matches.

  • no-results

    no-results

    Empty state for zero search results, pinned dark: a warm black hole orb above a headline, a short hint and a Clear filters button, all centered in a full-height section.

  • no-results-02

    no-results-02

    Search empty state in a dark rounded card on a muted ground: a small black hole with a warm ring above a No results label, a hint to shorten the search and a Clear filters button.

  • permission-denied-01

    permission-denied-01

    Permission denied empty state for a restricted page: what is restricted, who can grant access, the signed-in role as a badge, a one-time access request that confirms, and a way back.