[Feature Request]: Badge Slot on SideNavigationItem
维护者通常 2 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 55/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 活跃
- 技术栈
- typescript
- 领域
- frontend
调研方向
Start by reading the SideNavigationItem component and its tests, then check how ButtonBadge is implemented and used for slot-based content. Work out how a badge can fit into the item while preserving its active and hover states; done means a badge count can be rendered on a SideNavigationItem and its behavior is covered by tests.
由索引模型根据 Issue 内容生成。
描述
Feature Request Description
Hi team :)
We from Signavio have a use case where we would like to render a badge count notification on a SideNavigationItem.
For now, our workaround is to render a <Button /> with a Badge, however this requires us to re-implement a lot of logic including the hover state and the active state.
I attached a screenshot of the designs.
Proposed Solution
Perhaps adding a new badge component, or even re-using the existing
<SideNavigationItem
dir="rtl"
key={item.id}
text={item.label}
onClick={() => handleItemClick(item)}
data-uie={item.testId}
.......
>
<SideNavigationItemBadge
design="OverlayText"
text={item.badgeText}
slot="badge"
/>
</SideNavigationItem>
Proposed Alternatives
For now, our workaround is to render a <Button /> with a Badge, however this requires us to re-implement a lot of logic including the hover state and the active state.
Organization
Signavio - Shell Team
Additional Context
No response
Priority
High
Privacy Policy
- I’m not disclosing any internal or sensitive information.
- 主要语言
- TypeScript
- 星标
- 1.8k
- 派生
- 291
- 平均合并
- 3 天 6 小时
- 30 天内合并 PR
- 57
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
UI5/webcomponents 的其他 Issue
-
ACC bug Medium Prio TOPIC P
难度 2/5 1-3 小时 新手友好度 78/100
UI5/webcomponents#14273 · 3 条评论 ·
维护者通常 2 天内回复
-
[Button]: crash on Safari 17 due to missing ElementInternals.states guard in _setBadgeOverlayStyle可能已有人在做 @GDamyanov 今天认领。 未关闭author action bug TOPIC B
难度 1/5 1 小时以内 新手友好度 87/100
UI5/webcomponents#14270 · 2 条评论 ·
维护者通常 2 天内回复
-
[Feature Request][Side Navigation][A11Y]: Enhance user experience navigating components tree items可能已有人在做 @TeodorTaushanov 于 8 天前认领。 未关闭bug Medium Prio TOPIC RD
难度 2/5 1-3 小时 新手友好度 72/100
UI5/webcomponents#14232 · 1 条评论 · 已指派 1 人 ·
维护者通常 2 天内回复
-
enhancement feature request TOPIC RD
难度 2/5 1-3 小时 新手友好度 68/100
UI5/webcomponents#14222 · 1 条评论 ·
维护者通常 2 天内回复
-
[SF][A11y][ui5-select] Conflicting ARIA: role="combobox" rendered with aria-roledescription="Listbox" (confuses screen-reader users)可能已有人在做 @PetyaMarkovaBogdanova 于 12 天前认领。 未关闭bug Medium Prio TOPIC P
难度 2/5 1-3 小时 新手友好度 67/100
UI5/webcomponents#14212 · 2 条评论 · 已指派 1 人 ·
维护者通常 2 天内回复
查看 UI5/webcomponents 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 88/100
维护者通常 1 天内回复
-
mcp: create_app refuses the Assistant Inbox spec as 'looks like an API key' (nesting deeper than 8)未关闭agent:claude agent:ready dogfood type:bug
难度 2/5 1-3 小时 新手友好度 79/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 79/100
opennextjs/opennextjs-cloudflare#1485 ·
维护者通常 1 天内回复
-
enhancement lane: fast tier: should-stable
难度 2/5 1-3 小时 新手友好度 76/100
unicef/adt-studio#1078 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
WenyuChiou/agent-board#1283 ·
维护者通常 1 天内回复