add icon info to tabs page

Author: ethanpalm

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>