React Component for React-Router.
Demo at opensourceprojects.robbestad.com
Source on github
% npm install react-breadcrumbs --save
var Breadcrumbs = require('react-breadcrumbs');
MyComponent = React.createClass({
render: function() {
return (
<div>
<Breadcrumbs />
</div>
);
}
});
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.
The breadcrumbs are set up with a div with the class name "breadcrumbs".