Common Breadcrumb page component for Outdoor, Urban and LEAF. This package exports ES, CJS, and UMD module definitions.
npm install --save @arcteryx/components-breadcrumb
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
npm run start
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
See runnable example app for examples of a different breadcrumbs