PandaGo Components

Appearance

Return to top
On this page

Breadcrumb

Navigation component that allows users to locate themselves within the platform. In addition to locating themselves, it allows the user to navigate through the different levels they have previously passed through.

Usage

For now, we have only developed the design system skin

  • Breadcrumb Link 1
    /
  • Breadcrumb Link 2
    /
  • Breadcrumb Link 3

Props

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM
ds
BreadcrumbItem[] itemsElements that act as links placed side by side separated by a default slash or any other desired element. Each item will have an optional title or an optional icon.
string dividerSeparator that will be placed between each breadcrumb item Default value: /

Options

Add iconsAdd icons to the breadcrumb link
Add textAdd text to the breadcrumb link
Change separatorAdd text to the breadcrumb link

Type declarations

ts
export interface BreadcrumbItem {
    icon?: string;
    text?: string;
    href?: string;
    to?: string;
}