Skip to main content

Breadcrumb

Breadcrumbs are a navigational component that shows the user's location in a website or application. They are typically used to show the user's location in a hierarchy of pages or sections.

Result
Loading...
Live Editor

Using icons​

Icons, such as the home icon, can be used in the breadcrumb component. These will be styled larger than the breadcrumb text.

Result
Loading...
Live Editor

Analytics​

The Breadcrumb component is trackable through Kyber Analytics. This is the default analytics config.

export default {
value: 'BreadcrumbItem',
actions: {
onClick: { type: 'BREADCRUMBITEM_CLICK', payload: 'Click' },
},
};

Props​