mi6
Sensitive data/flag/padlock
Summary
Component for highlighting pieces of sensitive data. Similar to a notification badge but for data.
💰 User value
Describe why this is important and how it will help users (either developers, designers or the end-users). Think about how it makes people's lives easier, more accessible or quicker to build stuff.
📚 User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user: I need So that
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given When Then
✏ Designs
If there's a Figma design file (or other mock-up), include it here.
## 🧾 Guidance If there's written guidance or documentation, include it here.
Maybe extend badge to include an icon only (no circle) variant. This would allow display of padlock for sensitive data, or a green leaf for sustainable options or an AI icon to indicate AI functionality has been used.
Making this generic we would avoid proliferation of situation-specific components and give designers/developers the freedom to use this variant as they need.
