Empty State

A block for displaying empty or no-results states.

Saved preference for elorm init --ui-library base-ui

No results found

Try adjusting your search or filter to find what you're looking for.

PreviewCode

"use client"

import { EmptyState } from "@/components/blocks/empty-state"

export function EmptyStateDemo() {
  return (
    <EmptyState
      title="No results found"
      description="Try adjusting your search or filter to find what you're looking for."
      action={{ label: "Clear filters", onClick: () => {} }}
    />
  )
}

Installation#

Usage#

import { EmptyState } from "@/components/blocks/empty-state"

A block for displaying empty or no-results states.

Use when lists, tables, or search results are empty. Provide a clear action when possible.

Icon Nav Link Stat Card