Breadcrumb 面包屑

告诉用户当前所在位置及页面层级关系,并能够快速去往其他层级。

Props

Prop NameTypeRequiredDefaultDescription
separatorReactNode'/'
自定义分隔符
styleTypeStyleType'block-hover'
展示项激活样式的方式

说明

面包屑组件,配合子组件 Item 使用

演示

演示

VIEW CODE ( LIVE )

separator - 分隔符

VIEW CODE ( LIVE )

styleType - 样式风格

VIEW CODE ( LIVE )

BackButton

Props

说明

面包屑后退按钮组件,配合面包屑使用

演示

演示

VIEW CODE ( LIVE )

Item

Props

Prop NameTypeRequiredDefaultDescription
disabledboolean
禁用
currentboolean
标明当前路由
noActionboolean
标明节点无点击跳转事件

说明

  • 面包屑项组件
  • 传入 href 时为 a 标签,其它情况下为 span 标签,可使用 href 或 onClick 执行跳转,或用于包裹其它元素(Link 等)

演示

演示

VIEW CODE ( LIVE )

current - 当前项

VIEW CODE ( LIVE )

noAction - 无操作

VIEW CODE ( LIVE )

disabled - 禁用

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司