ShipmentDetail

the route, stage track, facts and carrier feed in one column, the map beside them at the height of the screen: a team working the shipment’s events; positions and times from the carrier only

role: detail pages: app motion: none

Install

npx shadcn-vue@latest add @trame/saas-shipment-detail   # Vue
npx shadcn@latest add @trame/saas-shipment-detail       # React

map-beside

@trame/saas-shipment-detail--map-beside

the route, stage track, facts and carrier feed in one column, the map beside them at the height of the screen: a team working the shipment’s events; positions and times from the carrier only

map-band

@trame/saas-shipment-detail--map-band

the map as a wide band under the header with the route and facts in a card over it, the feed in full width below: a team that reads where the shipment is first; positions and times from the carrier only