Displaying 1 to 4 from 4 results

react-tunnels - 🚇 Render React components in placeholders that are placed somewhere else in the component tree

  •    Javascript

Render React components in placeholders that are placed somewhere else in the component tree. There is a common use case in React apps where you want to define a Layout where the content of some elements is defined by children components. For example, you want to define Layout just once and reuse it for every page but it has a breadcrumb whose steps depend on children components. This tiny library allows you to define tunnels to render from an element to whatever another element in the App, even elements located on top of the tree. It's like Portal but the target is a component instead of a DOM element.

react-breadcrumbs - Automatic breadcrumbs for React-Router

  •    Javascript

React component use to generate a breadcrumb trail (compatible with React Router). The /demo directory provide one example of how this package can be used. See the /demo for the code powering the small site.

react-breadcrumbs-dynamic - :house_with_garden: > breadcrumbs > extremely flexible > and > easy to use

  •    Javascript

This is completely router-independent solution. You can use it with any version of React Router (2 or 3 or 4) or any other routing library for React or without routing at all. All what you need is just to specify components for breadcrumbs items and its props. However props and components should be specified separately. Props should be specified in intermediator component BreadcrumbsItem anywhere in your hierarchy of components and routes. Please note that item and finalItem require react component (class) instead of react element. However separator requires react element.