LinkList

Groups related links, such as in a navigation menu.

GuidelinesReact

When to use

  • For many links to other parts of your app.
  • To give structure to such links to allow scanning.
  • Inside drawers.

When not to use

  • For lists that aren’t just links—use a list.

Component status

Figma

React

iOS

Android

N/A
Released
N/A
N/A

Content

Use parallel structures

Each link in the list should be phrased in a similar way. This consistency helps users scan to find the link they need.

Do

  • About us
  • Careers
  • Media room
  • Refer a friend
  • Subscribe to our newsletter
  • Read our stories
  • Travel
  • Cars
  • Rooms

Don't

  • Find out about us
  • Careers
  • Items for the media
  • Refer a friend
  • Newsletter subscription
  • Stories
  • Travel
  • Rent a car
  • Rooms for rent

Use icons for types

Icons make longer lists easier to scan. They can help group types of links, such as links to legal terms vs. account details.

Remember that too many different icons can draw too much attention and overwhelm users. Don’t distract from more important actions.