From 33d9b4dba8b7024ef223582b1afa6eefe7073042 Mon Sep 17 00:00:00 2001
From: Noah Talerman <47070608+noahtalerman@users.noreply.github.com>
Date: Tue, 12 Jul 2022 13:39:31 -0400
Subject: [PATCH] Update Product handbook, add tooltips to Design conventions
 (#6616)

- Add a "Tooltips" section
---
 handbook/product.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

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,