diff --git a/handbook/product.md b/handbook/product.md index 0fe7fc9985..d46ba07fa8 100644 --- a/handbook/product.md +++ b/handbook/product.md @@ -392,6 +392,16 @@ For text links that navigates the user to a different page within the Fleet UI, For a link that navigates the user to an external site (e.g., fleetdm.com/docs), use the `$core-blue` color and `xs-bold` styling for the link's text. Also, place the link-out icon to the right of the link's text. +**Tooltips** + +All tooltips change the cursor to a question mark on hover. All tooltips have a solid background color. + +There are two types of tooltips. The two types of tooltips have some unique styles: + +1. Tooltips for text (column headers, input titles, inline text) appear when hovering over text with a dashed underline. These tooltips use left aligned text. + +2. Tooltips for buttons, bubbles, table row elements, and other non-text elements appear when hovering over the element. These tooltips use center aligned text. These tooltips include a centered arrow. + ## Release This section outlines the communication between the product team, growth team, product team,