# Delivery components

> 5 Delivery components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Cash Collect, Courier Card, Delivery Tracker, Dispatch Offer, Route Stops.

Source: https://docs.nasaqui.com/components/groups/delivery

- [Cash Collect](https://docs.nasaqui.com/components/cash-collect): A cash-on-delivery panel - order total plus delivery fee minus prepaid, the amount received, and live short, exact or change-due feedback, with quick amounts and confirm.
- [Courier Card](https://docs.nasaqui.com/components/courier-card): A courier row for dispatch screens - avatar, availability, vehicle, distance and ETA from the pickup, cash float and active orders, with a selectable list wrapper.
- [Delivery Tracker](https://docs.nasaqui.com/components/delivery-tracker): A customer-facing order tracker - five delivery steps with times, an ETA, the courier with call and message actions, a map slot, and cancelled or failed outcomes.
- [Dispatch Offer](https://docs.nasaqui.com/components/dispatch-offer): A courier-side job offer with pickup and drop-off, fee, cash to collect, distance, ETA and a ring that counts down to expiry, with accept and decline.
- [Route Stops](https://docs.nasaqui.com/components/route-stops): An ordered multi-order trip - pickups and drop-offs with done, current and failed states, cash per stop, a trip summary and a per-stop action slot.