@arcteryx/components-breadcrumb

What is it?

Common Breadcrumb page component for Outdoor, Urban and LEAF. This package exports ES, CJS, and UMD module definitions.

Install

npm install --save @arcteryx/components-breadcrumb

Usage

Note, it will be up to the consuming application to create the URLs for the breadcrumbs. Create a breadcrumb object to pass:

  {
    breadcrumbs: [
      { label: "Arc'teryx", url: "https://arcteryx.com/ca/en" },
      { label: "Women's", url: "https://arcteryx.com/ca/en/c/womens" },
      {
        label: "Shell Jackets",
        url: "https://arcteryx.com/ca/en/c/womens/shell-jackets"
      },
      {
        label: "Softshell",
        url:
          "https://arcteryx.com/ca/en/c/womens/shell-jackets/sub-cat=softshell"
      }
    ],
    market: "outdoor",
    colour: "000000"
  }

Pass props to Breadcrumb component:

<Breadcrumb
  breadcrumbs={data.breadcrumbs}
  market={data.market}
  colour={data.colour}
  theme={data.theme}
/>

See More at example/src/BreadcrumbList.js

Development

npm run start

Run the example app

rm -rf node_modules/*react #if you have react install in the tile, it will break the example
npm install
npm run build
cd example
npm install
npm run start

Usage

See runnable example app for examples of a different breadcrumbs