From c241fe50bbf1e6af79cdaa25865f1d62d8e6a581 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 26 Jun 2020 08:26:33 -0400
Subject: [PATCH] Add no arrow example

---
 docs/components/tooltip.md | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/docs/components/tooltip.md b/docs/components/tooltip.md
index b91e8566c..61fbb22b8 100644
--- a/docs/components/tooltip.md
+++ b/docs/components/tooltip.md
@@ -132,3 +132,18 @@ A tooltip's target is its _first child element_, so you should only wrap one ele
   toggle.addEventListener('click', () => tooltip.open = !tooltip.open);
 </script>
 ```
+
+### No Arrows
+
+```html preview
+<div style="--sl-tooltip-arrow-size: 0">
+  <sl-tooltip content="This is a tooltip">
+    <sl-button>Above</sl-button>
+  </sl-tooltip>
+
+
+  <sl-tooltip content="This is a tooltip" placement="bottom">
+    <sl-button>Below</sl-button>
+  </sl-tooltip>
+</div>
+```
\ No newline at end of file