Igloo branding

Breadcrumb

Breadcrumbs allow users to orient themselves in the hierarchy of the app. It also provides a way to navigate to the parent page.

Installation

To install @igloo-ui/breadcrumb in your project, you will need to run the following command using npm:

npm install @igloo-ui/breadcrumb

If you prefer Yarn, use the following command instead:

yarn add @igloo-ui/breadcrumb

Usage

Then to use the component in your code just import it!

import Breadcrumb from '@igloo-ui/breadcrumb';

<Breadcrumb
  items={[
    {
      label: 'Home',
      link: '#',
    },
    {
      label: 'Career',
      link: '#',
    },
    {
      label: 'Developer',
    },
  ]}
/>;

API

PropTypeDescription
classNamestringAdd a specific class to the tabs component
dataTeststringAdd a data-test tag for automated tests
itemsItem[]Add a list of items to the breadcrumb