Merge pull request #2261 from gluestack/feat/update-v2-guide

fix: migration guide tabs fix
gluestack · Jun 28, 2024 · ee464b8 · ee464b8
2 parents 1ebeba8 + 1343258
commit ee464b8
Showing 1 changed file with 30 additions and 8 deletions.
diff --git a/example/storybook-nativewind/src/home/overview/Upgrade to v2/index.nw.stories.mdx b/example/storybook-nativewind/src/home/overview/Upgrade to v2/index.nw.stories.mdx
@@ -1,13 +1,8 @@
 ---
 title: Upgrade to v2 | gluestack-ui
 
-description: A migration guide is a document designed to help you seamlessly transition from your current gluestack ui version v1 to the new version v2. Whether you are upgrading, switching to a new version directly this guide provides step-by-step instructions, best practices, and troubleshooting tips to ensure a smooth migration process..
+description: A migration guide is a document designed to help you seamlessly transition from your current gluestack ui version v1 to the new version v2. Whether you are upgrading, switching to a new version directly this guide provides step-by-step instructions, best practices, and troubleshooting tips to ensure a smooth migration process.
 
-pageTitle: Upgrade to v2
-
-pageDescription: A migration guide is a document designed to help you seamlessly transition from your current gluestack ui version v1 to the new version v2. Whether you are upgrading, switching to a new version directly this guide provides step-by-step instructions, best practices, and troubleshooting tips to ensure a smooth migration process..
-
-showHeader: true
 ---
 
 import { Meta } from '@storybook/addon-docs';
@@ -26,6 +21,8 @@ import {
 
 # Upgrade to v2
 
+A migration guide is a document designed to help you seamlessly transition from your current gluestack ui version v1 to the new version v2. Whether you are upgrading, switching to a new version directly this guide provides step-by-step instructions, best practices, and troubleshooting tips to ensure a smooth migration process.
+
 ## Installation
 
 Run the below command to setup the project:
@@ -804,6 +801,7 @@ In this property mapper table you can find all the properties of v1 and how they
 
 
 ### Property Combinations :
+
 <>
   <TableContainer>
     <Table>
@@ -881,7 +879,14 @@ In this property mapper table you can find all the properties of v1 and how they
         <Table.TR>
           <Table.TD>
             <Table.TText>
-              <InlineCode>{`sx={{_ios: {property: <value>},_android: {property: <value>}}}`}</InlineCode>
+              <InlineCode>{`sx={{
+    _ios: {
+      property: <value>
+    },
+    _android: {
+      property: <value>
+    }
+  }}`}</InlineCode>
             </Table.TText>
           </Table.TD>
           <Table.TD>
@@ -891,7 +896,24 @@ In this property mapper table you can find all the properties of v1 and how they
         <Table.TR>
           <Table.TD>
             <Table.TText>
-              <InlineCode>{`sx={{"@base": {_light: {property:<value>},_dark: { property: <value> }},"@md": {_light: { property: <value> },_dark: { property: <value> }}}`}</InlineCode>
+              <InlineCode>{`sx={{
+    "@base": {
+      _light: {
+        property: <value>
+      },
+      _dark: { 
+        property: <value>
+      }
+    },
+    "@md": {
+      _light: { 
+        property: <value> 
+      },
+      _dark: { 
+        property: <value> 
+      }
+    }
+  }}`}</InlineCode>
             </Table.TText>
           </Table.TD>
           <Table.TD>