Add mobile example for AtlantisThemeContext

GetJobber · Feb 21, 2025 · 9fe8b36 · 9fe8b36
1 parent 09b639a
commit 9fe8b36
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/site/src/content/AtlantisThemeContext/index.tsx b/packages/site/src/content/AtlantisThemeContext/index.tsx
@@ -25,6 +25,21 @@ export default {
     </Box>
   </AtlantisThemeContextProvider>
   `,
+  mobileElement: `
+    const { theme, tokens, setTheme } = useAtlantisTheme();
+
+    return (
+    <AtlantisThemeContextProvider>
+      <View style={{ backgroundColor: tokens["color-surface"], borderRadius: tokens["radius-base"], width: "100%" }}>
+        <Content>
+          <Text>Current Theme: {theme}</Text>
+          <Button label="Set dark theme" onPress={() => setTheme("dark")} />
+          <Button label="Set light theme" onPress={() => setTheme("light")} />
+        </Content>
+      </View>
+    </AtlantisThemeContextProvider>
+    )
+  `,
   },
   title: "AtlantisThemeContext",
   links: [