From 4cfa2a1c396f0b2bf6a6f567b70a69c2e72333f2 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Wed, 10 Nov 2021 14:19:18 -0800
Subject: [PATCH] docs(tabs): add auto width example

---
 docs/src/pages/components/Tabs.svx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/docs/src/pages/components/Tabs.svx b/docs/src/pages/components/Tabs.svx
index 8ee54f13..e89b5e44 100644
--- a/docs/src/pages/components/Tabs.svx
+++ b/docs/src/pages/components/Tabs.svx
@@ -20,6 +20,23 @@ components: ["Tabs", "Tab", "TabContent", "TabsSkeleton"]
   </div>
 </Tabs>
 
+### Auto width
+
+By default, the width of each tab is set to `10rem`.
+
+Set `autoWidth` to `true` for tabs to have an automatically set width.
+
+<Tabs autoWidth>
+  <Tab label="Tab label 1" />
+  <Tab label="Tab label 2" />
+  <Tab label="Tab label 3" />
+  <div slot="content">
+    <TabContent>Content 1</TabContent>
+    <TabContent>Content 2</TabContent>
+    <TabContent>Content 3</TabContent>
+  </div>
+</Tabs>
+
 ### Reactive example
 
 <FileSource src="/framed/Tabs/TabsReactive" />