Background/text color is changeable depending on use case (use CSS custom property for flexibility with a default of error red)
### Tasks
- [ ] https://github.com/swisspost/design-system/issues/2841
- [ ] Create a web component for the badge
- [ ] Create stories for the badge web component
- [ ] Update usage in the chips to use the new component
- [ ] Add visual regression tests
- [ ] Review with the Design team
gfellerph
commented
2 months ago
The badge is a new atomic component that can be used in different contexts (see examples in design).
Design: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=11038%3A51303&mode=design&t=yTZZ1Z7EwHoVaMXE-1
Implementation (not as its own component): https://next.design-system.post.ch/?path=/story/components-badge--default&args=nested:true
Special requirements: