Automatic breadcrumbs for react-router
Last updated 2 years ago by ineo6 .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @unovo/react-breadcrumbs 
SYNC missed versions from official npm registry.

React Breadcrumbs

React Component for React-Router.

Demo at learnreact.robbestad.com

Source on github


% npm install react-breadcrumbs --save


The aim is to correlate with react-router.


var Breadcrumbs = require('react-breadcrumbs');

MyComponent = React.createClass({
  render: function() {
     return (
       	 <Breadcrumbs />

Optionally, you can add this prop to replace the default separator:

<Breadcrumbs separator=" | " />

The breadcrumbs will automatically populate based on your route configuration. It requires that you have a name="" parameter in your routes for every route. It will use the displayName parameter for the Breadcrumb link.

Another optional is breadcrumbName:

<Breadcrumbs breadcrumbName="My breadcrumb name" />

The point of this property is to provide a method to set a breaadcrumb name for the final breadcrumb.

You can also exclude specific routes if you want to:

<Breadcrumbs excludes={['App']} />

This will print all breadcrumbs, except for the one where the route name is App.


The breadcrumbs are set up with a div with the class name "breadcrumbs".

Current Tags

  • 0.13.9                                ...           latest (2 years ago)
  • 0.13.9                                ...           old (2 years ago)

1 Versions

  • 0.13.9                                ...           2 years ago
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
Dev Dependencies (4)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |