# bee-breadcrumb

> breadcrumb ui component for react

Latest version **2.0.2** (published 2020-04-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install bee-breadcrumb
pnpm add bee-breadcrumb
yarn add bee-breadcrumb
bun add bee-breadcrumb
```

## 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 | 2.0.2 |
| Published | 2020-04-24 |
| First published | 2016-12-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=4.0.0 |
| Dependencies | 2 |
| Unpacked size | 16.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ahua52, banyudu, bjyxszd, guoyongfeng, huayingjie, jonyw, kvkens, liushaozhen, liuyk, npm_yx, tinper-bot, whizbz, yangchch, yonyoufed, zhaoyuchief |
| Keywords | react, react-component, react-breadcrumb, iuap-design, neoui-react, breadcrumb |

## Links

- npm: https://www.npmjs.com/package/bee-breadcrumb
- Repository: https://github.com/tinper-bee/breadcrumb
- Issues: https://github.com/tinper-bee/breadcrumb/issues
- npm.io page: https://npm.io/package/bee-breadcrumb

## Dependencies (2)

- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [tinper-bee-core](https://npm.io/package/tinper-bee-core.md) latest

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.0.2 (latest) — 2020-04-24
- 2.0.1 — 2019-02-28
- 2.0.0 — 2019-01-24
- 1.0.2 — 2018-01-22
- 1.0.1 — 2018-01-22
- 1.0.0 — 2017-10-19
- 0.1.4 — 2017-09-04
- 0.1.3 — 2017-08-29
- 0.1.2 — 2017-02-21
- 0.1.1 — 2017-01-11
- 0.1.0 — 2017-01-06
- 0.0.4 — 2016-12-20
- 0.0.3 — 2016-12-19
- 0.0.2 — 2016-12-15

## README

# bee-breadcrumb
[![npm version](https://img.shields.io/npm/v/bee-breadcrumb.svg)](https://www.npmjs.com/package/bee-breadcrumb)
[![Build Status](https://img.shields.io/travis/tinper-bee/bee-breadcrumb/master.svg)](https://travis-ci.org/tinper-bee/bee-breadcrumb)
[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/bee-breadcrumb.svg)](https://david-dm.org/tinper-bee/bee-breadcrumb#info=devDependencies)

`Breadcrumb` 常用来指定当前页面位置，添加类`active`类激活Breadcrumb.Item.不要同时设置`active`和`href`,设置了`active`会将子元素渲染成`span`,覆盖`a`.

## 使用

使用单独的bee-breadcrumb包
#### 组件引入
先进行下载bee-breadcrumb包

```
npm install --save bee-breadcrumb
```
组件调用
```js
import Alert from 'bee-breadcrumb';

React.render(<div>
    <Breadcrumb>
	    <Breadcrumb.Item href="#">
	      Home
	    </Breadcrumb.Item>
	    <Breadcrumb.Item href='http://getbootstrap.com/components/#breadcrumbs'>
	      Library
	    </Breadcrumb.Item>
	    <Breadcrumb.Item active>
	      Data
	    </Breadcrumb.Item>
	</Breadcrumb>
</div>, document.getElementById('target'));

```
#### 样式引入
- 可以使用link引入dist目录下bee-alert.css
```
<link rel="stylesheet" href="./node_modules/build/bee-breadcrumb.css">
```
- 可以在js中import样式
```js
import "./node_modules/src/Breadcrumb.scss"
//或是
import "./node_modules/build/bee-breadcrumb.css"
```




## API

|参数|说明|类型|默认值|
|:--|:---:|:--:|---:|
|active|如果设置成true,渲染成span而不是a|bool|false|
|href|给内部a标签设置的属性|string|''|
|title|给内部a标签设置的属性|string|''|

#### 开发调试

```sh
$ git clone https://github.com/tinper-bee/bee-breadcrumb
$ cd bee-breadcrumb
$ npm install
$ npm run dev
```

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