From 50cfa01b5626aa94ac908bb907647facc68b48f3 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 16 Jul 2025 13:34:08 -0700
Subject: [PATCH 1/3] add icon info to tabs page

---
 components/tabs.mdx | 41 ++++++++++++++++++++++++++++-------------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/components/tabs.mdx b/components/tabs.mdx
index 262291d28..75ab06de2 100644
--- a/components/tabs.mdx
+++ b/components/tabs.mdx
@@ -7,9 +7,10 @@ icon: "panel-top"
 Use tabs to organize content into multiple panels that users can switch between. You can add any number of tabs and include other components inside each tab.
 
 <Tabs>
-  <Tab title="First Tab">
-    ☝️ Welcome to the content that you can only see inside the first Tab.
-    You can add any number of components inside of tabs.
+  <Tab title="First tab">
+    ☝️ Welcome to the content that you can only see inside the first tab.
+
+    You can add any number of components inside of tabs. For example, a code block:
     ```java HelloWorld.java
       class HelloWorld {
           public static void main(String[] args) {
@@ -18,18 +19,22 @@ Use tabs to organize content into multiple panels that users can switch between.
       }
     ```
   </Tab>
-  <Tab title="Second Tab">
-    ✌️ Here's content that's only inside the second Tab.
+  <Tab title="Second tab" icon="leaf">
+    ✌️ Here's content that's only inside the second tab.
+
+    This one has a <Icon icon="leaf" /> icon!
   </Tab>
-  <Tab title="Third Tab">
-    💪 Here's content that's only inside the third Tab.
+  <Tab title="Third tab">
+    💪 Here's content that's only inside the third tab.
   </Tab>
 </Tabs>
 
 ````mdx Tabs example
 <Tabs>
-  <Tab title="First Tab">
-    ☝️ Welcome to the content that you can only see inside the first Tab.
+  <Tab title="First tab">
+    ☝️ Welcome to the content that you can only see inside the first tab.
+
+    You can add any number of components inside of tabs. For example, a code block:
     ```java HelloWorld.java
       class HelloWorld {
           public static void main(String[] args) {
@@ -38,11 +43,13 @@ Use tabs to organize content into multiple panels that users can switch between.
       }
     ```
   </Tab>
-  <Tab title="Second Tab">
-    ✌️ Here's content that's only inside the second Tab.
+  <Tab title="Second tab" icon="leaf">
+    ✌️ Here's content that's only inside the second tab.
+
+    This one has a <Icon icon="leaf" /> icon!
   </Tab>
-  <Tab title="Third Tab">
-    💪 Here's content that's only inside the third Tab.
+  <Tab title="Third tab">
+    💪 Here's content that's only inside the third tab.
   </Tab>
 </Tabs>
 ````
@@ -52,3 +59,11 @@ Use tabs to organize content into multiple panels that users can switch between.
 <ResponseField name="title" type="string" required>
   The title of the tab. Short titles are easier to navigate.
 </ResponseField>
+
+<ResponseField name="icon" type="string or svg">
+  A [Font Awesome](https://fontawesome.com/icons) icon, [Lucide](https://lucide.dev/icons) icon, URL to an icon, relative path to an icon, or SVG code.
+</ResponseField>
+
+<ResponseField name="iconType" type="string">
+  For Font Awesome icons only: One of `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
+</ResponseField>

From 4b08c50d191a099e7f38e637f4c2c754739d5ca4 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 16 Jul 2025 13:34:18 -0700
Subject: [PATCH 2/3] add icons to tabs example

---
 navigation.mdx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/navigation.mdx b/navigation.mdx
index e1b0c7632..e6c6f60c0 100644
--- a/navigation.mdx
+++ b/navigation.mdx
@@ -115,6 +115,7 @@ documentation.
   "tabs": [
     {
       "tab": "API References",
+      "icon": "square-terminal",
       "pages": [
         "api-reference/get",
         "api-reference/post",
@@ -123,6 +124,7 @@ documentation.
     },
     {
       "tab": "SDKs",
+      "icon": "code",
       "pages": [
         "sdk/fetch",
         "sdk/create",
@@ -131,6 +133,7 @@ documentation.
     },
     {
       "tab": "Blog",
+      "icon": "newspaper",
       "href": "https://external-link.com/blog"
     }
   ]

From f11c353c9041366be82c01a5164e951de96cadf5 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 16 Jul 2025 14:22:14 -0700
Subject: [PATCH 3/3] update allowed icon type

---
 components/tabs.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/tabs.mdx b/components/tabs.mdx
index 75ab06de2..7aa270a1e 100644
--- a/components/tabs.mdx
+++ b/components/tabs.mdx
@@ -60,8 +60,8 @@ Use tabs to organize content into multiple panels that users can switch between.
   The title of the tab. Short titles are easier to navigate.
 </ResponseField>
 
-<ResponseField name="icon" type="string or svg">
-  A [Font Awesome](https://fontawesome.com/icons) icon, [Lucide](https://lucide.dev/icons) icon, URL to an icon, relative path to an icon, or SVG code.
+<ResponseField name="icon" type="string">
+  A [Font Awesome](https://fontawesome.com/icons) icon, [Lucide](https://lucide.dev/icons) icon, URL to an icon, or relative path to an icon.
 </ResponseField>
 
 <ResponseField name="iconType" type="string">