Skip to main content


A breadcrumb is a navigational element to help a user understand the current location in the application as well as content structure and hierarchy.


There is only 1 breadcrumb available in GEL.

Breadcrumb types


Breadcrumb demo


  • Breadcrumb is priovided as one of the variation of the template.
  • All level of breadcrumbs are clickable and should talk user to that category.

When to use

  • Breadcrumbs are used to show the hierarchical location at which the user is currently in.

Designer assets

Hey Designers, please find the Figma assets here. If you want permission to access the file, please contact Experience Design CoP.

Developer API

Hey Developers, find out the tech documentation of this compoment on PrimeVue. If you have issue, please contact Development CoP