adding visuals

microsoft · Oct 20, 2022 · 9520d7c · 9520d7c
1 parent 8052e72
commit 9520d7c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/packages/react-components/react-infobutton/Spec.md b/packages/react-components/react-infobutton/Spec.md
@@ -8,6 +8,10 @@ An InfoButton provides a way for users to get more information about a particula
 
 Because the Popover isn't always visible, it should not contain information that people must know in order to complete the field.
 
+### Anatomy
+
+![Anatomy](./etc/images/anatomy.png)
+
 ## Prior Art
 
 | Name                                                | library                                                                               | Notes                                                                                                    |
@@ -34,7 +38,8 @@ Because the Popover isn't always visible, it should not contain information that
 Visual (only the button has a variant)
 
 - `transparent` (default)
-- `subtle`
+
+![transparent](./etc/images/transparent-infobutton.png)
 
 ## API
 

diff --git a/packages/react-components/react-infobutton/etc/images/anatomy.png b/packages/react-components/react-infobutton/etc/images/anatomy.png
diff --git a/packages/react-components/react-infobutton/etc/images/transparent-infobutton.png b/packages/react-components/react-infobutton/etc/images/transparent-infobutton.png