Guidelines updates: Icon
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 68/100
- Issue type
- Documentation
- Clarity
- Mostly clear
- Activity status
- Quiet
- Tech stack
- javascript
- Domain
- design, documentation
Research direction
Start with the Icon component examples pages and the existing design guidelines. Document icon font-size and color guidance, including when to use the isInline prop so an icon inherits styles from its parent. Done means the guidelines clearly explain standalone and component-styled Icon usage.
Written by the indexing model from the issue text.
Description
It would probably be helpful to have design guidelines for the <Icon> component. Something that came up recently is that the <Icon> component on its own will deliver an icon with our default icon font-size and color tokens. However, if the <Icon> is used somewhere a component already styles an <Icon> (like a button or a label), you want to use the isInline prop to tell the icon's font-size and color to inherit from it's parent context. We will be adding some docs to the component examples pages around this, but I wonder if this could also be touched on in design guidelines. At a minimum I think some guidelines around icon font-sizes and colors and how the <Icon> component allows you to customize those would be good.
cc @tlabaj @thatblindgeye @srambach
Jira Issue: PF-1284
- Dominant language
- JavaScript
- Stars
- 74
- Forks
- 147
- Avg merge
- 4d 11h
- Merged PRs (30d)
- 2
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from patternfly/patternfly-org
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
patternfly/patternfly-org#5098 ·
-
PF Team
Difficulty 1/5 1-3 hours Newbie friendliness 68/100
patternfly/patternfly-org#4999 ·
-
A11y Documentation PF Team
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
patternfly/patternfly-org#4596 ·
-
Content PF Team
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
patternfly/patternfly-org#3918 ·
-
Difficulty 3/5 1-2 days Newbie friendliness 42/100
patternfly/patternfly-org#5106 ·
All issues in patternfly/patternfly-org
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
HarperFast/skills#96 ·
-
[Block] Latest Posts [Type] Bug
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Automattic/studio#4908 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
sugarlabs/musicblocks#8847 ·