feat: added getting started. removed examples nav

chanzuckerberg · Jul 21, 2022 · 3a722ba · 3a722ba
1 parent 7bc84d5
commit 3a722ba
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 5 deletions.
diff --git a/.storybook/components/Docs/Documents.stories.tsx b/.storybook/components/Docs/Documents.stories.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { Documentation } from './Documentation';
 import Code from '../../../docs/CODE_GUIDELINES.md';
 import ComponentDocs from '../../../docs/COMPONENTS.md';
+import GettingStartedDocs from '../../../docs/GETTING_STARTED.md';
 import IconDocs from '../../../docs/ICONS.md';
 import LayoutDocs from '../../../docs/LAYOUT.md';
 import TokenDocs from '../../../docs/TOKENS.md';
@@ -21,6 +22,11 @@ export default {
 
 type Args = React.ComponentProps<typeof Documentation>;
 
+export const GettingStarted: StoryObj<Args> = {
+  args: {
+    children: <GettingStartedDocs />,
+  },
+};
 export const CodeGuidelines: StoryObj<Args> = {
   args: {
     children: <Code />,

diff --git a/.storybook/main.js b/.storybook/main.js
@@ -11,9 +11,9 @@ const SVGSpritemapPlugin = require('svg-spritemap-webpack-plugin');
  */
 module.exports = {
   stories: [
+    '../docs',
     './components/**/*.stories.@(js|jsx|ts|tsx)',
     './components/**/*.stories.mdx',
-    '../docs',
     '../src/components',
     './**/*.stories.@(js|jsx|ts|tsx)',
     './**/*.stories.mdx',

diff --git a/docs/GETTING_STARTED.md b/docs/GETTING_STARTED.md
@@ -0,0 +1 @@
+# Getting Started
diff --git a/src/components/Avatar/Avatar.stories.tsx b/src/components/Avatar/Avatar.stories.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 import { Avatar } from './Avatar';
 
 export default {
-  title: 'Example/Avatar',
+  title: 'Atoms/Media/Avatar',
   component: Avatar,
   parameters: {
     badges: [BADGE.BETA],

diff --git a/src/components/AvatarImage/AvatarImage.stories.tsx b/src/components/AvatarImage/AvatarImage.stories.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 import { AvatarImage } from './AvatarImage';
 
 export default {
-  title: 'Example/AvatarImage',
+  title: 'Atoms/Media/AvatarImage',
   component: AvatarImage,
   parameters: {
     badges: [BADGE.BETA],

diff --git a/src/components/ButtonDropdown/ButtonDropdown.stories.tsx b/src/components/ButtonDropdown/ButtonDropdown.stories.tsx
@@ -7,7 +7,7 @@ import { DropdownMenuItem } from '../DropdownMenuItem/DropdownMenuItem';
 import { Icon } from '../Icon/Icon';
 
 export default {
-  title: 'Example/ButtonDropdown',
+  title: 'Organisms/Interactive/ButtonDropdown',
   parameters: {
     layout: 'centered',
   },

diff --git a/src/components/DataBar/DataBar.stories.tsx b/src/components/DataBar/DataBar.stories.tsx
@@ -7,7 +7,7 @@ import Button from '../Button';
 import ButtonGroup from '../ButtonGroup';
 
 export default {
-  title: 'Example/DataBar',
+  title: 'Molecules/Data/DataBar',
   component: DataBar,
   args: {
     label: 'Data bar',