toc.js

module.exports = {
  toc: [
    
    {
      title: '🚀 Get started',
      pathSegment: 'get-started',
      type: 'menu',
      children: [
        {
          pathSegment: 'why-storybook',
          title: 'Why Storybook?',
          type: 'bullet-link',
          description: 'Learn why Storybook can help you build better UIs',
        },
        {
          pathSegment: 'install',
          title: 'Install',
          type: 'bullet-link',
          description: 'Install the Storybook package in your project',
        },
        {
          pathSegment: 'whats-a-story',
          title: "What's a story?",
          type: 'bullet-link',
          description: 'Learn how to save component examples as stories',
        },
        {
          pathSegment: 'browse-stories',
          title: 'Browse stories',
          type: 'bullet-link',
          description: 'Learn how to explore your stories within Storybook',
        },
        {
          pathSegment: 'setup',
          title: 'Setup',
          type: 'bullet-link',
          description:
            'Write your first story & adjust Storybook configuration for your environment',
        },
        {
          pathSegment: 'conclusion',
          title: 'Conclusion',
          type: 'bullet-link',
          description: 'Take your Storybook skills to the next level',
        },
      ],
    },
    {
      title: '🖋 Write stories',
      pathSegment: 'writing-stories',
      type: 'menu',
      children: [
        {
          pathSegment: 'introduction',
          title: 'Introduction',
          type: 'link',
        },
        {
          pathSegment: 'args',
          title: 'Args',
          type: 'link',
        },
        {
          pathSegment: 'parameters',
          title: 'Parameters',
          type: 'link',
        },
        {
          pathSegment: 'decorators',
          title: 'Decorators',
          type: 'link',
        },
        {
          pathSegment: 'play-function',
          title: 'Play function',
          type: 'link',
        },
        {
          pathSegment: 'loaders',
          title: 'Loaders',
          type: 'link',
        },
        {
          pathSegment: 'naming-components-and-hierarchy',
          title: 'Naming components and hierarchy',
          type: 'link',
        },
        {
          pathSegment: 'build-pages-with-storybook',
          title: 'Build pages and screens',
          type: 'link',
        },
        {
          pathSegment: 'stories-for-multiple-components',
          title: 'Stories for multiple components',
          type: 'link',
        },
      ],
    },
    {
      title: '📖 Write docs',
      pathSegment: 'writing-docs',
      type: 'menu',
      children: [
        {
          pathSegment: 'introduction',
          title: 'Introduction',
          type: 'link',
        },
        {
          pathSegment: 'autodocs',
          title: 'Autodocs',
          type: 'link',
        },
        {
          pathSegment: 'mdx',
          title: 'MDX',
          type: 'link',
        },
        {
          pathSegment: 'doc-blocks',
          title: 'Doc blocks',
          type: 'link',
        },
        {
          pathSegment: 'build-documentation',
          title: 'Preview and build docs',
          type: 'link',
        },
      ],
    },
    {
      title: '🔬 Testing',
      pathSegment: 'writing-tests',
      type: 'menu',
      children: [
        {
          pathSegment: 'introduction',
          title: 'Introduction',
          type: 'link',
        },
        {
          pathSegment: 'test-runner',
          title: 'Test runner',
          type: 'link',
        },
        {
          pathSegment: 'visual-testing',
          title: 'Visual tests',
          type: 'link',
        },
        {
          pathSegment: 'accessibility-testing',
          title: 'Accessibility tests',
          type: 'link',
        },
        {
          pathSegment: 'interaction-testing',
          title: 'Interaction tests',
          type: 'link',
        },
        {
          pathSegment: 'test-coverage',
          title: 'Test coverage',
          type: 'link',
        },
        {
          pathSegment: 'snapshot-testing',
          title: 'Snapshot tests',
          type: 'link',
        },
        {
          pathSegment: 'importing-stories-in-tests',
          title: 'Import stories in tests',
          type: 'link',
        },
      ],
    },
    {
      title: '🔖 Sharing',
      pathSegment: 'sharing',
      type: 'menu',
      children: [
        {
          pathSegment: 'publish-storybook',
          title: 'Publish',
          type: 'link',
        },
        {
          pathSegment: 'embed',
          title: 'Embed',
          type: 'link',
        },
        {
          pathSegment: 'design-integrations',
          title: 'Design integrations',
          type: 'link',
        },
        {
          pathSegment: 'storybook-composition',
          title: 'Composition',
          type: 'link',
        },
        {
          pathSegment: 'package-composition',
          title: 'Package Composition',
          type: 'link',
        },
      ],
    },
    {
      title: '🧩 Essential addons',
      pathSegment: 'essentials',
      type: 'menu',
      children: [
        {
          pathSegment: 'introduction',
          title: 'Introduction',
          type: 'link',
        },
        {
          pathSegment: 'controls',
          title: 'Controls',
          type: 'link',
        },
        {
          pathSegment: 'actions',
          title: 'Actions',
          type: 'link',
        },
        {
          pathSegment: 'viewport',
          title: 'Viewport',
          type: 'link',
        },
        {
          pathSegment: 'backgrounds',
          title: 'Backgrounds',
          type: 'link',
        },
        {
          pathSegment: 'toolbars-and-globals',
          title: 'Toolbars & globals',
          type: 'link',
        },
        {
          pathSegment: 'measure-and-outline',
          title: 'Measure & Outline',
          type: 'link',
        },
        {
          pathSegment: 'interactions',
          title: 'Interactions',
          type: 'link',
        },
      ],
    },
    {
      title: '🔧 Addons',
      pathSegment: 'addons',
      type: 'menu',
      children: [
        {
          pathSegment: 'introduction',
          title: 'Introduction',
          type: 'link',
        },
        {
          pathSegment: 'install-addons',
          title: 'Install',
          type: 'link',
        },
        {
          pathSegment: 'writing-addons',
          title: 'Write',
          type: 'link',
        },
        {
          pathSegment: 'configure-addons',
          title: 'Configure addons',
          type: 'link',
        },
        {
          pathSegment: 'writing-presets',
          title: 'Write a preset',
          type: 'link',
        },
        {
          pathSegment: 'integration-catalog',
          title: 'Add to catalog',
          type: 'link',
        },
        {
          pathSegment: 'addon-types',
          title: 'Types of addons',
          type: 'link',
        },
        {
          pathSegment: 'addon-knowledge-base',
          title: 'Knowledge base',
          type: 'link',
        },
        {
          pathSegment: 'addons-api',
          title: 'Addon API',
          type: 'link',
        },
      ],
    },
    {
      title: '⚙️ Configure',
      pathSegment: 'configure',
      type: 'menu',
      children: [
        {
          pathSegment: 'overview',
          title: 'Overview',
          type: 'link',
        },
        {
          pathSegment: 'upgrading',
          title: 'Upgrading',
          type: 'link',
        },
        {
          pathSegment: 'telemetry',
          title: 'Telemetry',
          type: 'link',
        },
        {
          pathSegment: '',
          title: 'Integration',
          type: 'menu',
          children: [
            {
              pathSegment: 'frameworks',
              title: 'Frameworks',
              type: 'link',
            },
            {
              pathSegment: 'frameworks-feature-support',
              title: 'Feature support for frameworks',
              type: 'link',
            },
            {
              pathSegment: 'babel',
              title: 'Babel',
              type: 'link',
            },
            {
              pathSegment: 'typescript',
              title: 'TypeScript',
              type: 'link',
            },
            {
              pathSegment: 'styling-and-css',
              title: 'Styling and CSS',
              type: 'link',
            },
            {
              pathSegment: 'images-and-assets',
              title: 'Images and assets',
              type: 'link',
            },
          ],
        },
        {
          pathSegment: 'story-rendering',
          title: 'Story rendering',
          type: 'link',
        },
        {
          pathSegment: 'story-layout',
          title: 'Story Layout',
          type: 'link',
        },
        {
          pathSegment: '',
          title: 'User interface',
          type: 'menu',
          children: [
            {
              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',
        },
      ],
    },
    {
      title: '🧰 Builders',
      pathSegment: 'builders',
      type: 'menu',
      children: [
        {
          pathSegment: 'overview',
          title: 'Introduction',
          type: 'link',
        },
        {
          pathSegment: 'vite',
          title: 'Vite',
          type: 'link',
        },
        {
          pathSegment: 'webpack',
          title: 'Webpack',
          type: 'link',
        },
        {
          pathSegment: 'builder-api',
          title: 'API',
          type: 'link',
        },
      ],
    },
    {
      title: '🔌 API',
      pathSegment: 'api',
      type: 'menu',
      children: [
        {
          title: '@storybook/blocks',
          pathSegment: '',
          type: 'menu',
          children: [
            {
              pathSegment: 'doc-block-argtypes',
              title: 'ArgTypes',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-canvas',
              title: 'Canvas',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-colorpalette',
              title: 'ColorPalette',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-controls',
              title: 'Controls',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-description',
              title: 'Description',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-icongallery',
              title: 'IconGallery',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-markdown',
              title: 'Markdown',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-meta',
              title: 'Meta',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-primary',
              title: 'Primary',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-source',
              title: 'Source',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-stories',
              title: 'Stories',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-story',
              title: 'Story',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-subtitle',
              title: 'Subtitle',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-title',
              title: 'Title',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-typeset',
              title: 'Typeset',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-unstyled',
              title: 'Unstyled',
              type: 'link',
            },
            {
              pathSegment: 'doc-block-useof',
              title: 'useOf',
              type: 'link',
            },
          ],
        },
        {
          title: 'Stories',
          pathSegment: '',
          type: 'menu',
          children: [
            {
              pathSegment: 'csf',
              title: 'Component Story Format',
              type: 'link',
            },
            {
              pathSegment: 'argtypes',
              title: 'ArgTypes',
              type: 'link',
            },
          ],
        },
        {
          pathSegment: 'new-frameworks',
          title: 'Frameworks',
          type: 'link',
        },
        {
          pathSegment: 'cli-options',
          title: 'CLI options',
          type: 'link',
        },
      ],
    },
    {
      title: '🛠 Contribute',
      pathSegment: 'contribute',
      type: 'menu',
      children: [
        {
          pathSegment: 'how-to-contribute',
          title: 'How to',
          type: 'link',
        },
        {
          pathSegment: 'code',
          title: 'Code',
          type: 'link',
        },
        {
          pathSegment: '',
          title: 'Documentation',
          type: 'menu',
          children: [
            {
              pathSegment: 'documentation-updates',
              title: 'Content',
              type: 'link',
            },
            {
              pathSegment: 'new-snippets',
              title: 'Code snippets',
              type: 'link',
            },
          ],
        },
        {
          pathSegment: 'framework',
          title: 'Framework',
          type: 'link',
        },
        {
          pathSegment: 'how-to-reproduce',
          title: 'Reproduce',
          type: 'link',
        },
      ],
    },
    {
      title: '❓ FAQ',
      pathSegment: 'faq',
      type: 'link',
    },
  ],
};