Centred zero-results empty state panel with icon, title, description, and optional CTA. Server-safe.
core/empty-state1 · Add registry to components.json
2 · Install component
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ReactNode | — | Lucide icon shown above the title. |
titlereq | string | — | Empty state heading. |
description | string | — | Supporting description text. |
action | ReactNode | — | CTA button or link. |
With icon, description, and CTA
Try adjusting your search dates, destination, or removing some filters.
Location empty state
Expand your search radius or try a different destination.
Minimal — title only
ResultsHeader
84 activities— Bali · Mon 14 Apr · 2 travellers
ActiveFilterChips
AvailabilityBadge
EmptyState
Try adjusting your search dates, destination, or removing filters.
ResultsGrid + ResultsCardShell
Compose any content here.
Compose any content here.
Compose any content here.
BookingSummaryCard
Mon 14 Apr · 09:00 · Shared tour
Free cancellation before Mon 11 Apr