2020-07-08 22:15:58 +10:00
|
|
|
module.exports = {
|
2020-07-09 18:43:11 +10:00
|
|
|
toc: [
|
|
|
|
{
|
2020-07-09 19:15:35 +10:00
|
|
|
title: 'Get Started',
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'get-started',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'introduction',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Introduction',
|
|
|
|
type: 'bullet-link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'install',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Install',
|
|
|
|
type: 'bullet-link',
|
2020-08-03 17:06:32 -06:00
|
|
|
description: 'Install the Storybook package in your project',
|
2020-08-01 13:02:36 -06:00
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'whats-a-story',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: "What's a story?",
|
|
|
|
type: 'bullet-link',
|
2020-08-07 15:21:56 -06:00
|
|
|
description: 'Learn how to save component examples as stories',
|
2020-08-01 13:02:36 -06:00
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'browse-stories',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Browse stories',
|
|
|
|
type: 'bullet-link',
|
2020-08-03 17:06:32 -06:00
|
|
|
description: 'Learn how to explore your stories within Storybook',
|
2020-08-01 13:02:36 -06:00
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'setup',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Setup',
|
|
|
|
type: 'bullet-link',
|
2020-08-03 17:06:32 -06:00
|
|
|
description:
|
|
|
|
'Write your first story & adjust Storybook configuration for your environment',
|
2020-08-01 13:02:36 -06:00
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'conclusion',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Conclusion',
|
|
|
|
type: 'bullet-link',
|
2020-08-03 17:06:32 -06:00
|
|
|
description: 'Take your Storybook skills to the next level',
|
2020-08-01 13:02:36 -06:00
|
|
|
},
|
|
|
|
],
|
2020-07-09 18:43:11 +10:00
|
|
|
},
|
|
|
|
{
|
2020-07-09 19:15:35 +10:00
|
|
|
title: 'Writing Stories',
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'writing-stories',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'introduction',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Introduction',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'args',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Args',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'parameters',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Parameters',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'decorators',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Decorators',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'naming-components-and-hierarchy',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Naming components and hierarchy',
|
|
|
|
type: 'link',
|
|
|
|
},
|
2020-07-09 18:43:11 +10:00
|
|
|
],
|
|
|
|
},
|
|
|
|
{
|
2020-07-09 19:15:35 +10:00
|
|
|
title: 'Writing Docs',
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'writing-docs',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'introduction',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Introduction',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'docs-page',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Docs Page',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'mdx',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'MDX',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'doc-blocks',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Docs Blocks',
|
|
|
|
type: 'link',
|
|
|
|
},
|
2020-08-05 01:05:04 +01:00
|
|
|
{
|
|
|
|
pathSegment: 'build-documentation',
|
|
|
|
title: 'Preview and build Storybook documentation',
|
|
|
|
type: 'link',
|
|
|
|
},
|
2020-08-01 13:02:36 -06:00
|
|
|
],
|
2020-07-09 18:43:11 +10:00
|
|
|
},
|
2020-07-25 02:01:53 +01:00
|
|
|
{
|
2020-07-24 16:15:19 +01:00
|
|
|
title: 'Essentials',
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'essentials',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'introduction',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Introduction',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'controls',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Controls',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'actions',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Actions',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'viewports',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Viewports',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'backgrounds',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Backgrounds',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'toolbars-and-globals',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Toolbars & globals',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
],
|
2020-07-24 16:15:19 +01:00
|
|
|
},
|
2020-07-30 17:03:55 +01:00
|
|
|
{
|
|
|
|
title: 'Configure',
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'configure',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'overview',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Overview',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'integration',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Integration',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'story-rendering',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Story rendering',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'user-interface',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'User interface',
|
|
|
|
type: 'link',
|
|
|
|
},
|
2020-08-05 22:19:30 +01:00
|
|
|
{
|
|
|
|
pathSegment: 'features-and-behavior',
|
|
|
|
title: 'Features and behavior',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'theming',
|
|
|
|
title: 'Theming',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'sidebar-and-urls',
|
|
|
|
title: 'Sidebar & URLS',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'storybook-addons',
|
|
|
|
title: 'Storybook Addons',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'environment-variables',
|
|
|
|
title: 'Environment variables',
|
|
|
|
type: 'link',
|
|
|
|
},
|
2020-08-03 22:15:39 +01:00
|
|
|
],
|
2020-07-30 17:03:55 +01:00
|
|
|
},
|
|
|
|
{
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Workflows',
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'workflows',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'publish-storybook',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Publish Storybook',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'build-pages-with-storybook',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Building pages with Storybook',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'stories-for-multiple-components',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Stories for multiple components',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: 'Testing with Storybook',
|
2020-08-03 17:06:32 -06:00
|
|
|
// Despite having a child menu, this does not currently affect the path
|
|
|
|
pathSegment: '',
|
2020-08-01 13:02:36 -06:00
|
|
|
type: 'menu',
|
|
|
|
children: [
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'testing-with-storybook',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Introduction',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'unit-testing',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Unit testing',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'visual-testing',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Visual testing',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'interaction-testing',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Interaction testing',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'snapshot-testing',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Snapshot testing',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'storybook-composition',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Storybook Composition',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
2020-08-03 17:06:32 -06:00
|
|
|
pathSegment: 'package-composition',
|
2020-08-01 13:02:36 -06:00
|
|
|
title: 'Package Composition',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
],
|
2020-07-30 17:03:55 +01:00
|
|
|
},
|
|
|
|
{
|
2020-08-05 23:51:38 +01:00
|
|
|
title: 'API',
|
2020-08-05 23:14:32 +01:00
|
|
|
pathSegment: 'api',
|
|
|
|
type: 'menu',
|
2020-08-01 13:02:36 -06:00
|
|
|
children: [
|
2020-08-05 23:14:32 +01:00
|
|
|
{
|
|
|
|
pathSegment: 'stories',
|
|
|
|
title: 'Stories',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'csf',
|
|
|
|
title: 'Component Story Format',
|
2020-08-07 15:21:56 -06:00
|
|
|
description: 'Learn about the Component Story Format API',
|
2020-08-05 23:14:32 +01:00
|
|
|
type: 'bullet-link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'mdx',
|
|
|
|
title: 'MDX syntax',
|
2020-08-07 15:21:56 -06:00
|
|
|
description: 'Learn how to add MDX to your Storybook',
|
2020-08-05 23:14:32 +01:00
|
|
|
type: 'bullet-link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'argtypes',
|
|
|
|
title: 'ArgTypes',
|
2020-08-07 15:21:56 -06:00
|
|
|
description: 'Learn how to use Argtypes with your Storybook',
|
2020-08-05 23:14:32 +01:00
|
|
|
type: 'bullet-link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'addons',
|
|
|
|
title: 'Addons',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'addons-api',
|
|
|
|
title: 'Addons API',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'presets',
|
|
|
|
title: 'Presets',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'writing-presets',
|
|
|
|
title: 'Writing your own Storybook Preset',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'new-frameworks',
|
|
|
|
title: 'Frameworks',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'cli-options',
|
|
|
|
title: 'CLI Options',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
pathSegment: 'frameworks-feature-support',
|
|
|
|
title: 'Feature support for frameworks',
|
|
|
|
type: 'link',
|
|
|
|
},
|
|
|
|
],
|
2020-07-25 02:01:53 +01:00
|
|
|
},
|
2020-07-09 18:43:11 +10:00
|
|
|
],
|
2020-08-01 13:02:36 -06:00
|
|
|
};
|