Breadcrumbs

Breadcrumbs identify the path to the current resource in an application.

Install

import {Breadcrumbs} from '@xsolla/uikit';

Examples

One level in work area
Multiple levels in work area

Usage

<Breadcrumbs
  items={[
    {
      label: 'Turbine Games Launcher ver. 2',
      to: '/games/turbine'
    }
  ]}
/>

API

PropertyDescriptionTypeDefault
itemsAll breadcrumbs to display. Breadcrumbs that do not fit in the container will be rendered in an overflow menu instead.[{label: React$Node, to: string, dataId?: string, onClick?: Function}]
limit?The maximum number of visible breadcrumbs.number2
extra?Extra right contentReact$Nodenull
entryDataId?Attribute for data identifierstring
className?Attribute for classNamestring