Haulage Vehicle Select
Choose a UK haulage vehicle for a construction-material, muck-away or waste movement — card grid, detailed list or compact combobox, with side-profile artwork, loads-required and indicative CO2e for the job.
bunx shadcn@latest add @nx-ui/haulage-vehicle-selectEstimator
The hero flow: set the tonnage and distance, and every card shows the whole loads required and the movement's indicative total CO2e. Selection follows the keyboard — arrow keys move between cards, space or enter picks one.
Selected: 8-wheel tipper — moving 480 t over 22 km one-way.
List
Dense rows with the same data plus a details popover — full dimensions, access notes and typical use for each vehicle.
Compact — in a movement form
A Select-style trigger with a searchable popover and mini artwork per row, sized for forms. Pairs with the Label / Field idiom.
Grab vs tipper
The classic muck-away trade-off. A tipper needs an excavator to load it; a grab lorry self-loads spoil and rubble — slower and a touch heavier per tonne-km, but no separate machine or banksman on a tight site. Narrow the fleet to compare the two head-to-head.
Full fleet with filters
Every vehicle in the dataset. Filter by category and toggle road-legal or self-loading to narrow the list; the empty state appears when no vehicle matches.
API reference
Exported parts and their props, extracted from the component source.