@element-public/react-breadcrumbs

Breadcrumbs

Description

A navigation component with depth tracking

See live demos on storybook

Storybook Breadcrumbs Demos

Install bundle from npm-e

npm i @element-public/react-components @element-public/themes

Optional: install the component individually

npm i @element-public/react-breadcrumbs @element-public/themes

Please Note: You will need to add @element to your .npmrc!

Open ~/.npmrc in an editor and add the following line to enable the @element scope:

@element:registry=https://npm.platforms.engineering

Troubleshooting

See below if you have never installed a package from Bayer's npm-enterprise or run into the following error:

npm ERR! code E401
npm ERR! Unable to authenticate, your authentication token seems to be invalid.
npm ERR! To correct this please trying logging in again with:
npm ERR!     npm login

Setup an access token

See the devtools npm-e guide to learn how to create an access token if this is the first time you are using a npm-e package at Bayer or you do not have a line that starts with the following in your ~/.npmrc file:

//npm.platforms.engineering/:_authToken=

Breadcrumbs Render Props

Name	Type	Default	Required	Description
children	React.ReactNode	null	false	Content to be rendered inside the component.

Breadcrumb Render Props

Name	Type	Default	Required	Description
children	React.ReactNode	null	false	Content to be rendered inside the component.

Breadcrumb Active Page Render Props

Name	Type	Default	Required	Description
children	React.ReactNode	null	false	Content to be rendered inside the component.

Breadcrumb Active Page Events

Name	Default	Required	Params	Description
onClick	undefined	false		Click event handler