gamut
gamut copied to clipboard
Codecademy
feat(Anchor + Button): allow both leading and trailing icons
Overview
Updates the Anchor and Button components to allow both leading and trailing icons
PR Checklist
- [ ] Related to designs:
- [x] Related to JIRA ticket: GM-1052
- [x] I have run this code to verify it works
- [ ] This PR includes unit tests for the code change
- [x] This PR includes testing instructions tests for the code change
- [x] The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories
Testing Instructions
- Go to the Anchor story
?path=/docs/typography-anchor--docs&globals=viewport:responsiveand scroll down to the "Icons" section - See that the Anchor still work, and the icons render as expected
- Turn on dark mode and check styling
- Check that the new text makes sense
- Go to Button:
?path=/docs/atoms-buttons-button--docsand scroll to the "Inline icons" section - See that the middle example now has both leading and trailing icons
- Turn on dark mode and check styling
- Check that the new text makes sense
- Go to Menu:
/?path=/docs/molecules-menu--docs - Check that Menu items can now have multiple icons, and right positioned icons (in the no role canvas), and render correctly
- ...
- Finish and do a celebratory dance
PR Links and Envs
| Repository | PR Link |
|---|---|
| Monolith | Monolith PR |
| Mono | Mono PR |
View your CI Pipeline Execution ↗ for commit 7e37ce16ab5b5a53e4b3f5b898541ab4e3b8ba8b
☁️ Nx Cloud last updated this comment at 2025-10-07 16:33:25 UTC
![nx-cloud[bot] avatar](https://avatars.githubusercontent.com/in/80458?v=4 "Published by a pub.dev verified publisher"){kind=small}
📬Published Alpha Packages:
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
