Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MDX links to stories should use Storybook API instead of doing a full refresh.

See original GitHub issue

Is your feature request related to a problem? Please describe. The current version of MDX linkings support links to other stories though full refresh.

This is quite slow and doesn’t leverage existing Storybook API.

Describe the solution you’d like MDX linkings should emit a SELECT_STORY event to navigate to another story.

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:31 (25 by maintainers)

Top GitHub Comments

4reactions

atanasstercommented, Jan 6, 2020

I am not sure the storyId will exist in the storyStore if it’s a docs only page.

Tried those two and both work (there is a story in the storyStore for the docs only afaics) :

[link to another story](/?path=/addons-docs-csf-with-mdx-docs--basic)
[link to another story](/?path=/addons-docs-docs-only--page)

3reactions

franktopelcommented, Aug 24, 2022

Any news on this?

I just tried to link to a documentation page

[text component](/docs/components-text--default-story#properties)

and it causes Storybook to load this URL:

http://localhost:3000/iframe.html?path=/docs/components-text--default-story#properties

which results in a completely blank page and a console error:

Uncaught Error: Invalid path '/docs/components-text--default-story',  must start with '/story/'

Top Results From Across the Web

MDX - Storybook

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...

MDX Format - Storybook - JS.ORG

MDX is the syntax Storybook Docs uses to capture long-form Markdown documentation and stories in one file. You can also write pure documentation...

Frequently Asked Questions - Storybook - JS.ORG

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...

Configure Storybook

By default, Storybook will load stories from your project based on a glob (pattern matching string) in .storybook/main.js that matches all files in...

Actions - Storybook - JS.ORG

You can use argTypes to tell Storybook that an arg to your story should be an action. Usually, it makes sense to do...