@arcteryx/components-breadcrumb
TypeScript icon, indicating that this package has built-in type declarations

4.4.0 • Public • Published

@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

Readme

Keywords

none

Package Sidebar

Install

npm i @arcteryx/components-breadcrumb

Weekly Downloads

100

Version

4.4.0

License

ISC

Unpacked Size

81.8 kB

Total Files

24

Last publish

Collaborators

  • justinohalloran
  • ronvs
  • jamiearc