sl-design-system
[V1] Status Light
Provide a general summary of the feature here
For the Magister SL-Badge recently a new version was published and the old one set to deprecated. In the new version, however, there are only two sizes.
🤔 Expected Behavior?
The smallest badge size (sm) is missing, which we used as indicators for i.e. new notifications.
😯 Current Behavior
💁 Possible Solution
Add an sm size badge to be used as indicator.
🔦 Context
The main purpose for us is indicators
💻 Examples
No response
🧢 Your Product/Team
Magister
### CFA Interest
- [ ] Magister
@ftakuipers There still is a small version? See https://storybook.sanomalearning.design/?path=/story/components-badge--all
Hi, sorry stupid of me but I forgot to mention this issue is in Figma, not storybook. https://www.figma.com/design/YZeBneflpJkX3KXSyvMrqP/Magister-Light-mode?node-id=2267-1529&t=q5RHi2pLETkFJ6bP-4
Hi Floor, we don't want to facilitate the small badge anymore in our design system due to accessibility issues. There can't be used any text or icons within the badge and that's not enough. It sounds like you want to use the badge more like an indicator, see this component in spectrum for example: https://opensource.adobe.com/spectrum-web-components/components/status-light/. Is this what you want? Please describe it or give an example of how you want to use it in combination with notifications, we probably need to create a new component for it.
Hi Danielle, that's good to know! Perhaps it is not necessary for you guys to create a new component for it, we just use it as an indicator sometimes.
@ftakuipers We would like to know where you are using it :) So we can better think about what course of action we should take in the SLDS.
Sure, we want to use it as an indicator of i.e. a new message/notification or an event in a calendar
@ftakuipers Hi Floor, do you have some time today to discuss the screenshots above?