patternfly / patternfly/patternfly
Label - update to unified tokens
@mcoker is already working on this.
Since Feb 24, 2026.
- Dominant language
- SCSS
- Stars
- 817
- Forks
- 116
- Avg merge
- 4d 11h
- Merged PRs (30d)
- 14
Description
Figma Link
Jira/GitHub Ticket Link
TBD
Design Screenshot
Any extra notes for developers
@tarunvashishth
Here's what you need to do:
-
Swap out any FA icons in labels to "RH" icons
-
To use "RH" icons, replace any
[i class="fas fa..."]HTML with {{{{ pfIcon "rh-icon-name" }}}} -
the FA "info" icon should change to "rh-ui-information-fill" ({{{{ pfIcon "rh-ui-information-fill" }}}})
-
the FA "times" icon (close button) should change to "rh-microns-close"
-
If there are any more, try to find the closest replacement for the FA icon on here https://pf-react-staging.patternfly.org/icons (search for
"rh "to find all of the "rh" icons) and use the most suitable one. Odds are it will be a "rh ui ..." icon -
Change the spacer/gap between the label text and close button to
--pf-t--global--spacer--gap--text-to-element--default(should be 8px)
Jira Issue: PF-3552
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.
Assessment
This issue has not been assessed yet.