- From: Mason Freed via GitHub <noreply@w3.org>
- Date: Thu, 23 Jul 2026 20:58:18 +0000
- To: public-css-archive@w3.org
Also, since "cow paths" came up a lot in the discussion this morning, I've collected some examples from design systems. Just about all design systems have either an explicit component for this pattern, or they recommend an icon button for this purpose. Here are a few examples (with screenshots from the documentation page): | Design system | Example | |---|---| | [Carbon Design System](https://carbondesignsystem.com/components/toggletip/usage/) | <img width="138" height="45" alt="Image" src="https://github.com/user-attachments/assets/6a92e87a-1d53-47c7-a108-6eb733e4ff00" /> | | [Adobe Spectrum](https://spectrum.adobe.com/page/contextual-help/) | <img width="153" height="32" alt="Image" src="https://github.com/user-attachments/assets/91ad0065-4473-4b4f-bbdc-ab470e789010" /> | | [Salesforce Lightning](https://developer.salesforce.com/docs/platform/lightning-component-reference/guide/lightning-helptext.html?type=Example) | <img width="98" height="36" alt="Image" src="https://github.com/user-attachments/assets/0622e777-c6b2-4d46-9a33-b4e56b9e1c9f" /> | | [Elastic UI (EUI)](https://eui.elastic.co/docs/components/display/tooltip/#:~:text=You%20can%20use%20EuiIconTip) | <img width="159" height="41" alt="Image" src="https://github.com/user-attachments/assets/ca2e4a21-eab5-4231-900a-af0bb7137e4e" /> | In all cases that I've seen (including the four above), the icon appears as either an (i) or a (?) and is always to the *right* of the relevant element. -- GitHub Notification of comment by mfreed7 Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13980#issuecomment-5063366575 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 23 July 2026 20:58:19 UTC