StopoverArrow

Shows how many stopovers there are between two locations.

GuidelinesReact

When to use

  • To show travelers how many times they have a stop in a given segment.

When not to use

  • For general visual context—use an illustration.
  • For other visual cues including other arrows—use an icon.

Component status

Figma

React

iOS

Android

N/A
Released
N/A
N/A

Content structure

Stops: represent each stop on a segment from 0 to 3.

Content

Include nonvisual information

Stopover arrows can create important context for users, but not everyone sees them. So make sure everything necessary is presented in a non-visual form.

Include text that’s accessible to everyone or text that’s displayed only to screen readers. Or your other favorite technique. Just make sure everyone gets the information somehow.