From 1a1f4a32b20eb41abea342b0b99eebc460377471 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 27 Jan 2022 07:16:14 -0800
Subject: [PATCH] docs(tabs): simplify reactive example

---
 .../src/pages/framed/Tabs/TabsReactive.svelte | 21 ++++---------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/docs/src/pages/framed/Tabs/TabsReactive.svelte b/docs/src/pages/framed/Tabs/TabsReactive.svelte
index f85e5c07..c6e5070a 100644
--- a/docs/src/pages/framed/Tabs/TabsReactive.svelte
+++ b/docs/src/pages/framed/Tabs/TabsReactive.svelte
@@ -15,22 +15,9 @@
   </svelte:fragment>
 </Tabs>
 
-<div>
-  <h4>Selected index: {selected}</h4>
+<div style="margin: var(--cds-layout-01) 0">
+  <Button on:click="{() => (selected = 1)}">Set index to 1</Button>
 </div>
 
-<div>
-  <Button
-    size="small"
-    disabled="{selected === 1}"
-    on:click="{() => (selected = 1)}"
-  >
-    Set index to 1
-  </Button>
-</div>
-
-<style>
-  div {
-    margin-top: var(--cds-spacing-05);
-  }
-</style>
+<strong>Selected index:</strong>
+{selected}