SuperAPI AI 工具集

shadcn_ui-breadcrumb

前端与建站

查看项目

更新于 10-16 05:00

技能介绍

用途:用 shadcn_ui 的 ShadBreadcrumb 构建面包屑导航,展示指向当前资源的层级路径。

主要能力:ShadBreadcrumb 通过 children 承载层级内容,子项可为 ShadBreadcrumbLink(链接)、ShadBreadcrumbDropdown(下拉菜单)或普通 Widget(例如用 Text 表示当前页)。ShadBreadcrumbDropdown 接受 items(ShadBreadcrumbDropMenuItem 列表)与 child(触发控件),配合 ShadBreadcrumbEllipsis() 可作省略号触发器,并可用 showDropdownArrow 控制箭头显示。默认分隔符为 >,可通过 separator 参数覆盖,例如传入 Icon(LucideIcons.slash)。

使用方式:在 ShadBreadcrumb 的 children 中按层级依次放入链接、下拉项与文本,链接通过 onPressed 绑定跳转逻辑。

适用场景:展示页面在站点或应用中的层级位置、提供快速返回上级入口、在层级较多时用下拉或省略号收纳中间层级。

限制:资料仅提供组件结构与参数说明,未涉及主题配置、无障碍、响应式等其他细节,暂未提供。