Tooltip design for tooltips in in text

[eirikbacker]

Tooltips can be placed around raw text. This is how Mattilsynet is using Tooltip in most situations: we have so many complicated terms, or terms that can be interpreted in different ways, or used in different was across different countries, but we need to use them due to legal regulations. In these scenarios, we use tooltip like:

Please contact the <Tooltip content="…">freight forwarder</Tooltip>
for information about the <Tooltip content="…">export certificate</Tooltip>.

But there is no design for how this should look. Maybe we should have a standard if placed around text? dashed underline is a pretty wide spread convention :)

[mrosvik]

@eirikbacker

Should we use popover instead of tooltip for word definitions? 🤔

Example from vg:

I think we need a common understanding of when to use tooltip and when to use popovers.

[eirikbacker]

Good point, and maybe even consolidate or make a good distinction for the team? This might be easier to discuss live in a meeting?