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