Breadcrumb

A breadcrumb is a navigation aid that shows the user’s location within the hierarchy of a website or application.

Base Components

Overview

A breadcrumb is a navigation aid showing the user’s location within a website.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2F8atCSov6KVkMchm0ZT8zeZ%2FShipfaster-UI---v2.7-(LIVE)%3Fnode-id%3D124-40953%26t%3DIsUbgF59vjRUP8zU-1

When should you use them?

Use breadcrumbs for websites or applications with deep hierarchies or multiple levels of content.

How should you use them?

  • Place breadcrumbs at the top of the page, below the header.
  • Use clear and concise labels for each level.
  • Ensure each breadcrumb is clickable, except for the current page.
  • Separate breadcrumb levels with a recognizable symbol, such as a greater-than sign ( > ).
  • Make sure breadcrumbs are responsive and adapt to different screen sizes.
Previous

No previous post
Up next

No next post