docs(react-spring): add package docs page

Hare-Lucius · Aug 19, 2020 · 46d1979 · 46d1979
1 parent 7082246
commit 46d1979
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 1 deletion.
diff --git a/packages/vx-demo/src/components/PackageList.tsx b/packages/vx-demo/src/components/PackageList.tsx
@@ -114,6 +114,12 @@ export default function PackageList({
               </Link>
               {!compact && <p>Visualize nodes and links between them</p>}
             </li>
+            <li className={cx(emphasizePackage === 'react-spring' && 'emphasize')}>
+              <Link href="/docs/react-spring">
+                <a>@vx/react-spring</a>
+              </Link>
+              {!compact && <p>Animated vx primitives</p>}
+            </li>
             <li className={cx(emphasizePackage === 'stats' && 'emphasize')}>
               <Link href="/docs/stats">
                 <a>@vx/stats</a>

diff --git a/packages/vx-demo/src/pages/docs/axis.tsx b/packages/vx-demo/src/pages/docs/axis.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import AxisReadme from '!!raw-loader!../../../../vx-axis/Readme.md';
 import Axis from '../../../../vx-axis/src/axis/Axis';
-import AnimatedAxis from '../../../../vx-axis/src/axis/AnimatedAxis';
+import AnimatedAxis from '../../../../vx-react-spring/src/axis/AnimatedAxis';
 import AxisBottom from '../../../../vx-axis/src/axis/AxisBottom';
 import AxisLeft from '../../../../vx-axis/src/axis/AxisLeft';
 import AxisRight from '../../../../vx-axis/src/axis/AxisRight';

diff --git a/packages/vx-demo/src/pages/docs/react-spring.tsx b/packages/vx-demo/src/pages/docs/react-spring.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import ReactSpringReadme from '!!raw-loader!../../../../vx-react-spring/Readme.md';
+import AnimatedAxis from '../../../../vx-react-spring/src/axis/AnimatedAxis';
+import DocPage from '../../components/DocPage';
+import AxisTile from '../../components/Gallery/AxisTile';
+
+const components = [AnimatedAxis];
+
+const examples = [AxisTile];
+
+export default () => (
+  <DocPage
+    components={components}
+    examples={examples}
+    readme={ReactSpringReadme}
+    vxPackage="react-spring"
+  />
+);
diff --git a/packages/vx-demo/src/types/index.ts b/packages/vx-demo/src/types/index.ts
@@ -40,6 +40,7 @@ export type VxPackage =
   | 'network'
   | 'pattern'
   | 'point'
+  | 'react-spring'
   | 'responsive'
   | 'scale'
   | 'shape'