patternfly / patternfly/patternfly-react
Icons - add support for custom icons
还没有人认领这个 Issue。
- 主要语言
- TypeScript
- 星标
- 862
- 派生
- 392
- 平均合并
- 4 天 8 小时
- 30 天内合并 PR
- 9
描述
Is this a new component or an extension of an existing one?
What is the existing component, if any?
Existing, MenuToggle, ToolbarFilter
When using PF tokens to create a custom theme, MenuToggle and ToolbarFilter use default icons in PF that currently cannot be changed via a prop since the prop does not exist, while components like Label, Alert, and Button, offer this functionality.
An alternative option was discussed at today's working session (cc @mcoker), which would include adding support for custom icons directly to react-icons and then importing any custom overrides.
Related: https://github.com/patternfly/patternfly-react/issues/10634
Describe the feature
A clear and concise description of the new feature. What is the expected behavior?
Are there visuals for this feature? If applicable, please include examples for each state and for varying widths
See below. MUI uses a different toggle icon for their menu toggle.
Include screenshots or links to Marvel or other mockups.
MUI:
PF:
Any other information?
Would it be possible to prioritize this work for an upcoming sprint to align with RHOAI priorities for the MUI theming effort @nicolethoen ?
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
首先检查 MenuToggle 和 ToolbarFilter 组件的实现,然后阅读 issue #10634 以及关于扩展 react-icons 的讨论。当用户能够通过约定并记录在文档中的 API 为这两个组件提供自定义图标,且行为与 Label、Alert 和 Button 中现有的图标支持保持一致时,即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react, typescript
- 领域
- design, frontend
- Issue 类型
- 功能
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100