文档
组件
面包屑
面包屑
默认
演示
代码
HTML代码
JSX/TSX<div class="grid gap-4"><div class="breadcrumbs bw"><ul><li><a> 主页 </a></li><li><a> 图书馆 </a></li><li>添加图书</li></ul></div><div class="breadcrumbs success"><ul><li><a> 主页 </a></li><li><a> 图书馆 </a></li><li>添加图书</li></ul></div><div class="breadcrumbs warn"><ul><li><a> 主页 </a></li><li><a> 图书馆 </a></li><li>添加图书</li></ul></div><div class="breadcrumbs danger"><ul><li><a> 主页 </a></li><li><a> 图书馆 </a></li><li>添加图书</li></ul></div></div>
<div className='grid gap-4'><div className='breadcrumbs bw'><ul><li><a>主页</a></li><li><a>图书馆</a></li><li>添加图书</li></ul></div><div className='breadcrumbs success'><ul><li><a>主页</a></li><li><a>图书馆</a></li><li>添加图书</li></ul></div><div className='breadcrumbs warn'><ul><li><a>主页</a></li><li><a>图书馆</a></li><li>添加图书</li></ul></div><div className='breadcrumbs danger'><ul><li><a>主页</a></li><li><a>图书馆</a></li><li>添加图书</li></ul></div></div>
强制选中的样式
演示
代码
HTML代码
JSX/TSX类名表
类名 | 描述 |
---|---|
breadcrumbs | 用于面包屑ul的包装 |
active | 设置面包屑li强制选中样式 |