sl-design-system
[Badge] Add Support for Icon + Text in MD Badge
Provide a general summary of the issue here
Description: There are currently two limitations in our badge components that need to be addressed:
1. Medium Badge: Icon + Text Support
It’s currently not possible to use an icon + text combination in the medium badge in Figma. After reviewing multiple use cases, we’ve decided to reintroduce this functionality. This combination is already available in Storybook, but:
- [x] The icon should be 10px.
- [ ] The 2xs icon size needs to be added back in code to support this properly.
Action: Reintroduce icon + text support in the Figma component and ensure alignment with Storybook.
2. Small Badge: Plain Text After Status Light
For the small badge, it should be possible to place plain text after the small badge/status light (see attached screenshot). This is currently not supported in code or Figma.
Action: Make this layout available in both code and Figma.
👤 Your name
DR
🧢 Your Product/Team
SLDS
- Added 2xs icon to Figma for use in MD badge
- Added option to add label next to SM badge
- Changed padding MD badge
