From a56b3e25838b0da0df20b358e17b6fc6e3a45c3d Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 19 Jun 2020 13:30:15 -0400
Subject: [PATCH] Doc updates

---
 docs/components/badge.md |  7 -------
 docs/components/icon.md  |  6 +++---
 docs/components/tag.md   | 40 ++++++++++++++++++++--------------------
 3 files changed, 23 insertions(+), 30 deletions(-)

diff --git a/docs/components/badge.md b/docs/components/badge.md
index e469b7410..12fdcb2fb 100644
--- a/docs/components/badge.md
+++ b/docs/components/badge.md
@@ -12,13 +12,6 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
 <sl-badge type="info">Info</sl-badge>
 <sl-badge type="warning">Warning</sl-badge>
 <sl-badge type="danger">Danger</sl-badge>
-
-<br><br>
-
-<sl-button>
-  Unread
-  <sl-badge>12</sl-badge>
-</sl-button>
 ```
 
 [component-metadata:sl-badge]
diff --git a/docs/components/icon.md b/docs/components/icon.md
index dbd2d49f5..bc7984774 100644
--- a/docs/components/icon.md
+++ b/docs/components/icon.md
@@ -4,7 +4,7 @@
 
 Icons are symbols that can be used to represent or provide context to various options and actions within an application.
 
-Shoelace comes bundled with over 600 icons courtesy of the [Bootstrap Icons](https://icons.getbootstrap.com/) project. You can also use your own SVG icons with this component with the `src` attribute.
+Shoelace comes bundled with over 600 icons courtesy of the [Bootstrap Icons](https://icons.getbootstrap.com/) project. You can also use your own SVG icons with this component through the `src` attribute.
 
 <div class="icon-search">
   <div class="icon-search-controls">
@@ -12,8 +12,8 @@ Shoelace comes bundled with over 600 icons courtesy of the [Bootstrap Icons](htt
       <sl-icon slot="prefix" name="search"></sl-icon>
     </sl-input>
     <sl-select value="outline">
-      <sl-menu-item value="outline">Outlined icons</sl-menu-item>
-      <sl-menu-item value="fill">Filled icons</sl-menu-item>
+      <sl-menu-item value="outline">Outlined</sl-menu-item>
+      <sl-menu-item value="fill">Filled</sl-menu-item>
       <sl-menu-item value="all">All icons</sl-menu-item>
     </sl-select>
   </div>
diff --git a/docs/components/tag.md b/docs/components/tag.md
index 851db0ee7..01bf75c24 100644
--- a/docs/components/tag.md
+++ b/docs/components/tag.md
@@ -21,11 +21,11 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
 ### Size
 
 ```html preview
-<sl-tag size="small" type="primary">Primary</sl-tag>
-<sl-tag size="small" type="success">Success</sl-tag>
-<sl-tag size="small" type="info">Info</sl-tag>
-<sl-tag size="small" type="warning">Warning</sl-tag>
-<sl-tag size="small" type="danger">Danger</sl-tag>
+<sl-tag type="primary" size="small">Primary</sl-tag>
+<sl-tag type="success" size="small">Success</sl-tag>
+<sl-tag type="info" size="small">Info</sl-tag>
+<sl-tag type="warning" size="small">Warning</sl-tag>
+<sl-tag type="danger" size="small">Danger</sl-tag>
 
 <br><br>
 
@@ -47,25 +47,25 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
 ### Removable
 
 ```html preview
-<sl-tag removable size="small" type="primary">Primary</sl-tag>
-<sl-tag removable size="small" type="success">Success</sl-tag>
-<sl-tag removable size="small" type="info">Info</sl-tag>
-<sl-tag removable size="small" type="warning">Warning</sl-tag>
-<sl-tag removable size="small" type="danger">Danger</sl-tag>
+<sl-tag type="primary" size="small" removable>Primary</sl-tag>
+<sl-tag type="success" size="small" removable>Success</sl-tag>
+<sl-tag type="info" size="small" removable>Info</sl-tag>
+<sl-tag type="warning" size="small" removable>Warning</sl-tag>
+<sl-tag type="danger" size="small" removable>Danger</sl-tag>
 
 <br><br>
 
-<sl-tag removable size="medium" type="primary">Primary</sl-tag>
-<sl-tag removable size="medium" type="success">Success</sl-tag>
-<sl-tag removable size="medium" type="info">Info</sl-tag>
-<sl-tag removable size="medium" type="warning">Warning</sl-tag>
-<sl-tag removable size="medium" type="danger">Danger</sl-tag>
+<sl-tag size="medium" type="primary" removable>Primary</sl-tag>
+<sl-tag size="medium" type="success" removable>Success</sl-tag>
+<sl-tag size="medium" type="info" removable>Info</sl-tag>
+<sl-tag size="medium" type="warning" removable>Warning</sl-tag>
+<sl-tag size="medium" type="danger" removable>Danger</sl-tag>
 
 <br><br>
 
-<sl-tag removable size="large" type="primary">Primary</sl-tag>
-<sl-tag removable size="large" type="success">Success</sl-tag>
-<sl-tag removable size="large" type="info">Info</sl-tag>
-<sl-tag removable size="large" type="warning">Warning</sl-tag>
-<sl-tag removable size="large" type="danger">Danger</sl-tag>
+<sl-tag size="large" type="primary" removable>Primary</sl-tag>
+<sl-tag size="large" type="success" removable>Success</sl-tag>
+<sl-tag size="large" type="info" removable>Info</sl-tag>
+<sl-tag size="large" type="warning" removable>Warning</sl-tag>
+<sl-tag size="large" type="danger" removable>Danger</sl-tag>
 ```