From dab39c24f9c753028647e82438197ce5e58e35d2 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 24 Jul 2020 16:57:54 -0400
Subject: [PATCH] Update card example

---
 docs/components/card.md | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/docs/components/card.md b/docs/components/card.md
index 3c4278d1a..97151231f 100644
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -59,25 +59,14 @@ Basic cards aren't very exciting, but they can display any content you want them
 
 ## Card with Header
 
-Headers can be used to display titles and other card options.
+Headers can be used to display titles and more.
 
 ```html preview
 <sl-card class="card-header">
   <div slot="header">
     Header Title
 
-    <sl-dropdown placement="bottom-end">
-      <sl-button slot="trigger" type="text">
-        <sl-icon slot="suffix" name="pencil"></sl-icon>
-        Edit
-      </sl-button>
-      <sl-menu>
-        <sl-menu-item>Rename</sl-menu-item>
-        <sl-menu-item>Duplicate</sl-menu-item>
-        <sl-menu-divider></sl-menu-divider>
-        <sl-menu-item>Delete</sl-menu-item>
-      </sl-menu>
-    </sl-dropdown>
+    <sl-icon-button name="gear"></sl-icon-button>
   </div>
 
   This card has a header. You can put all sorts of things in it!
@@ -97,6 +86,10 @@ Headers can be used to display titles and other card options.
 .card-header h3 {
   margin: 0;
 }
+
+.card-header sl-icon-button {
+  font-size: var(--sl-font-size-medium);
+}
 </style>
 ```