Add guidelines for help icon style and interaction
Throughout the UI there are various combinations of icon variant and color for the help icon. Here are some examples from the MR widgets:
Their interactions are also varied:
- Some link to help content
- Some show a tooltip
- Some show a popover
- Some are a combination of link and tooltip/popover
These UI inconsistencies contribute to a lack of polish and impact the sense of trust that users place on the product.
Add guidelines on when and how to use the help icon variants (filled vs outlined), which color to use (blue, gray…), and their interactions (links, popovers, tooltips).