From cc299be6b325b2afc812012ff3ec890bf249c73a Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Sun, 18 Jul 2021 05:41:26 -0700
Subject: [PATCH] docs(button): use inline notification for note [ci skip]

---
 docs/src/pages/components/Button.svx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/components/Button.svx b/docs/src/pages/components/Button.svx
index ad840479..b01bf4dd 100644
--- a/docs/src/pages/components/Button.svx
+++ b/docs/src/pages/components/Button.svx
@@ -37,7 +37,11 @@
 
 ### Danger tertiary, icon-only button
 
-**Note:** you must provide an `iconDescription` for the button tooltip.
+<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
+  <div class="body-short-01">
+    You must provide an `iconDescription` for the button tooltip.
+  </div>
+</InlineNotification>
 
 <Button kind="danger-tertiary"iconDescription="Delete" icon={TrashCan16} />
 
@@ -51,7 +55,11 @@
 
 ### Icon-only button
 
-**Note:** you must provide an `iconDescription` for the button tooltip.
+<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
+  <div class="body-short-01">
+    You must provide an `iconDescription` for the button tooltip.
+  </div>
+</InlineNotification>
 
 <Button iconDescription="Tooltip text" icon={Add16} />