Empty state tuned for search/filter zero-result surfaces with a clear-filters action.
EmptySearchResult is a thin wrapper over EmptyState that surfaces the active query and offers a clear-filters action. Use it inside a search/filter pane when there are no matching items.
Pass query to surface the search term in the title.
Try a broader query, different filters, or check your spelling.
<EmptySearchResult query="frogg" />import { EmptySearchResult } from "@froggdesign/enter-ui-react";EmptySearchResult inherits EmptyState semantics. Buttons render as native <button> elements with visible focus rings.
query: when set, rendered inside the default title.title / description: explicit overrides.onClearFilters: when set, renders a "Clear filters" secondary button.secondaryAction: extra slot rendered next to Clear filters.dense: reduce padding for inline empty results.Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.