Responsive result card grid. cards variant: 1→2→3 columns. list variant: single column for horizontal cards. Renders a semantic ul with role=list.
core/results-grid1 · Add registry to components.json
2 · Install component
| Prop | Type | Default | Description |
|---|---|---|---|
childrenreq | ReactNode | — | List item children (wrap each card in <li>). |
variant | "cards" | "list" | "cards" | Grid layout variant. |
variant="cards" — 1 → 2 → 3 columns
Available
3 spots left
Sold out
variant="list" — single column (horizontal cards)
Compose any content in children.
Compose any content in children.
Loading skeletons
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