chore: add back to top button to docs

[skip-native]
utilitywarehouse · Oct 31, 2024 · 97e7c56 · 97e7c56
1 parent d3d3fc1
commit 97e7c56
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/apps/native-ui-storybook/docs/components/BackToTopButton.tsx b/apps/native-ui-storybook/docs/components/BackToTopButton.tsx
@@ -37,7 +37,7 @@ const ScrollButton = () => {
             ? {
                 position: 'fixed',
                 width: '100%',
-                left: '80%',
+                right: 10,
                 bottom: 40,
                 height: 20,
                 zIndex: 1,

diff --git a/apps/native-ui-storybook/docs/native-ui/guides/migration.mdx b/apps/native-ui-storybook/docs/native-ui/guides/migration.mdx
@@ -1,4 +1,7 @@
 import { Meta } from '@storybook/blocks';
+import { BackToTopButton } from '../../components';
+
+<BackToTopButton />
 
 <Meta title="Native UI / Guides / Migrating from UW Native UI" />
 

diff --git a/apps/native-ui-storybook/docs/native-ui/guides/using-storybook.mdx b/apps/native-ui-storybook/docs/native-ui/guides/using-storybook.mdx
@@ -2,6 +2,9 @@ import { Meta } from '@storybook/blocks';
 import playground from './assets/playgrounds.mp4';
 import darkMode from './assets/darkmode.mp4';
 import deviceMode from './assets/devices.mp4';
+import { BackToTopButton } from '../../components';
+
+<BackToTopButton />
 
 <Meta title="Native UI / Guides / Using Storybook" />
 

diff --git a/apps/native-ui-storybook/docs/native-ui/introduction.mdx b/apps/native-ui-storybook/docs/native-ui/introduction.mdx
@@ -2,11 +2,11 @@ import { Meta } from '@storybook/blocks';
 import { version } from '../../../../packages/native-ui/package.json';
 import img from './phone-light.png';
 import imgDark from './phone-dark.png';
-import { DynamicImage } from '../components';
+import { DynamicImage, BackToTopButton } from '../components';
 import { Box } from '@utilitywarehouse/native-ui/lab';
 
 <Meta title="Native UI / Introduction" />
-
+<BackToTopButton />
 <Box alignItems='center'>
 <DynamicImage
   width={500}