Transport Quick Filters

Promoted filter row for transport result pages. Always visible above results — no sheet required for the highest-value narrowers. Boolean chip toggles (Direct only, Refundable, Baggage included, Time of day) plus a visually distinct Sort select.

core/transport-quick-filters

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

Interactive filter row with loading skeleton state.

Quick filter row — interactive

{
  "directOnly": false,
  "refundable": false,
  "baggageIncluded": false,
  "timesOfDay": [],
  "sort": "recommended"
}

Loading skeleton

API Reference

Prop	Type	Default	Description
`value`req	`TransportQuickFiltersValue`	—	Controlled filter state.
`onChange`req	`(value: TransportQuickFiltersValue) => void`	—	Called when any filter changes.
`loading`	`boolean`	`false`	Renders animate-pulse skeleton placeholders.