List an itinerary's segments

ItinerarySegmentTable resolves an itinerary and prints one row per leg. Reach for it when a page states a route in numbers rather than drawing it.

import { ItinerarySegmentTable } from "@mountaya/elements-react/elements";
import { MountayaElementsProvider } from "@mountaya/elements-react/headless";

export const Segments = () => (
  <MountayaElementsProvider client={client}>
    <ItinerarySegmentTable itineraryId={itineraryId} />
  </MountayaElementsProvider>
);

Below 44 rem of its own width the table drops to a column of cards.

Next steps

Highlight a segment on the map

The same table, driving a canvas.

Tables

Columns, units, and the row hooks.