Transport Empty State

Transport-specific empty and error states. Each variant maps to a preset icon, title, and description tuned for the transport UX context. All presets can be overridden. Includes a TransportNoResults convenience wrapper.

core/transport-empty-state

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

All preset variants plus provider-error with actions and indirect-only with filter nudge.

No results — with Broaden filters CTA

No routes found

We couldn't find any options for this route and date. Try adjusting your dates or filters.

Provider error — with retry + new search actions

Something went wrong

We couldn't reach the transport provider right now. Please try again in a moment.

Start new search

Indirect only — remove direct filter CTA

Only indirect routes available

No direct options exist for this route. Remove the Direct only filter to see routes with stops.

All preset variants (no actions)

No routes found

We couldn't find any options for this route and date. Try adjusting your dates or filters.

Only indirect routes available

No direct options exist for this route. Remove the Direct only filter to see routes with stops.

Not available for your selection

This route isn't available for the selected date or passenger combination. Try different dates.

Route not recognised

We don't have data for this origin or destination. Check the spelling or try a nearby city or airport.

Something went wrong

We couldn't reach the transport provider right now. Please try again in a moment.

This route is no longer available

The link you followed points to a route that has since been removed or updated.

Pricing temporarily unavailable

We found routes but couldn't fetch live prices. Try refreshing or come back shortly.

API Reference

Prop	Type	Default	Description
`variant`	`TransportEmptyVariant`	`"no-routes"`	Preset scenario. One of: no-routes \| indirect-only \| unavailable \| invalid-route \| provider-error \| stale-route \| price-unavailable \| custom.
`title`	`string`	—	Override the preset title.
`description`	`string`	—	Override the preset description.
`icon`	`React.ReactNode`	—	Override the preset icon.
`actions`	`TransportEmptyAction[]`	—	Up to two action buttons. First is primary (default variant), second is secondary (outline).