Nefariously Programmed Mecha
Have ideas to improve npm?Join in the discussion! »

bee-breadcrumbTypeScript icon, indicating that this package has built-in type declarations

2.0.2 • Public • Published

bee-breadcrumb

npm version Build Status devDependency Status

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

使用

使用单独的bee-breadcrumb包

组件引入

先进行下载bee-breadcrumb包

npm install --save bee-breadcrumb

组件调用

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样式
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 ''

开发调试

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

Install

npm i bee-breadcrumb

DownloadsWeekly Downloads

164

Version

2.0.2

License

MIT

Unpacked Size

16.5 kB

Total Files

18

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar