Icon Bubble
The Icon Bubble component displays an icon within a circular container, used to visually highlight actions, features, or statuses.
Props
Icon
Defines which icon is displayed inside the bubble.
Usage
Do
- Use Icon Bubbles to highlight key actions, features, or statuses.
- Keep the icon simple and easily recognizable.
Don't
- Don’t include text or multiple icons inside the bubble.
- Don’t use Icon Bubbles excessively—reserve them for emphasis.
- Don’t rely on the icon bubble alone to convey meaning—ensure a clear, accessible label is in used alongside the component.
