BreadCrumb

使用于页面导航的面包屑组件

基本使用

显示多级页面标题

<div style={{ marginTop: '10px', marginBottom: '30px', marginLeft: '10px' }}>
  <BreadCrumb>
    <BreadCrumb.Item>首页</BreadCrumb.Item>
    <BreadCrumb.Item>次页</BreadCrumb.Item>
    <BreadCrumb.Item active>尾页</BreadCrumb.Item>
  </BreadCrumb>
</div>

<div style={{ marginTop: '10px', marginBottom: '30px', marginLeft: '10px' }}>
  <BreadCrumb>
    <BreadCrumb.Item>首页</BreadCrumb.Item>
    <BreadCrumb.Item>次页</BreadCrumb.Item>
    <BreadCrumb.Item active>尾页</BreadCrumb.Item>
  </BreadCrumb>
</div>

属性

属性名	名称	类型	默认值
seperator	分割符	String	/
active	当前所在导航项	Boolean	false

BreadCrumb 面包屑

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}基本使用

属性

基本使用