# react-breadcrumbs-json

> Building breadcrumb through json

Latest version **1.0.5** (published 2019-11-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-breadcrumbs-json
pnpm add react-breadcrumbs-json
yarn add react-breadcrumbs-json
bun add react-breadcrumbs-json
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2019-11-20 |
| First published | 2019-11-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | satyam pawar |
| Maintainers | satyampawar92 |
| Keywords | breadcrumb, json, react-breadcrumbs-json, json breadcrumb, json data breadcrumb |

## Links

- npm: https://www.npmjs.com/package/react-breadcrumbs-json
- npm.io page: https://npm.io/package/react-breadcrumbs-json

## Dependencies (6)

- [react](https://npm.io/package/react.md) ^16.8.6
- [scriptjs](https://npm.io/package/scriptjs.md) ^2.5.9
- [react-dom](https://npm.io/package/react-dom.md) ^16.8.6
- [react-scripts](https://npm.io/package/react-scripts.md) 3.0.1
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^5.1.2
- [react-async-script-loader](https://npm.io/package/react-async-script-loader.md) ^0.3.0

## Alternatives

- [@mapbox/jsonlint-lines-primitives](https://npm.io/package/@mapbox/jsonlint-lines-primitives.md) — 5.3M weekly downloads
- [reftools](https://npm.io/package/reftools.md) — 3.5M weekly downloads
- [@hey-api/openapi-ts](https://npm.io/package/@hey-api/openapi-ts.md) — 3.5M weekly downloads
- [@mapbox/geojson-rewind](https://npm.io/package/@mapbox/geojson-rewind.md) — 2.4M weekly downloads
- [turbo-stream](https://npm.io/package/turbo-stream.md) — 1.7M weekly downloads

## Recent versions

- 1.0.5 (latest) — 2019-11-20
- 1.0.4 — 2019-11-20
- 1.0.3 — 2019-11-20
- 1.0.2 — 2019-11-20
- 1.0.1 — 2019-11-20

## README

# react-breadcrumbs-json


It's simple component that will be use for render Breadcrumb using json format

## Install

'npm install react-breadcrumbs-json'

## Usage basic

```jsx
import BreadcrumbRoute from 'react-breadcrumbs-json'
const jsonData = {
  "data": [{
         "id": 1,
         "path": "/home",
         "name": "Home",
         "is_parent": true
      },{
         "id": 2,
         "path": "/home2",
         "name": "Home2",
         "parent_id": 1
      },{
        "id": 3,
         "path": "/home3",
         "name": "Home3",
         "parent_id": 2
      }

      
      ]
};

 <BredcrumbRoute path="/home" 
  exact 
  jsonData={jsonData}
  component={(Home)}
 />

 <BredcrumbRoute path="/home2" 
	 exact 
	 jsonData={jsonData} 
	 component={(Home2)}
 />

''''

## Props

#### `jsonData` (required)
set object of jsondata

#### set root path icon 
rootPathImg



### separator
separator





## License
[MIT]

---
_Source: https://npm.io/package/react-breadcrumbs-json · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._