UI: Add viewMode parameter to control story nav UI

[atanasster]

Issue: #8630

What I did

• Handling of viewMode parameter in the sidebar links
• Added parameters to the MDX stories (until now MDX were not receiving parameters in the story store)

How to test

The subcomponents.story (Addons/Docs/ButtonGroup) will default its anchor to the docs tab

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/storybook/monorepo/24efd6pvp
🌍 Preview: https://monorepo-git-fork-atanasster-viewmode-parameter.storybook.now.sh

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[shilman]

@atanasster thanks for figuring this out--will make a bunch of users happy. i cleaned up the code slightly and added tests/documentation.

[atanasster]

Thanks, one down.... :)

[LarsDenBakker]

This is great! Thanks!

[wagerfield]

This is not working for me. I've tried:

1. Setting viewMode in the preview/manager via addParameters

// .storybook/preview.js
import { addParameters } from "@storybook/react"

addParameters({ viewMode: "docs" })

2. In a story file's CSF meta export:

// src/componenets/component.stories.js

export default {
  title: "Components/Component",
  parameters: {
    viewMode: "docs"
  }
}

3. On a story's meta/config object:

// src/componenets/component.stories.js

const ComponentStory = () => <Component />

ComponentStory.story = {
  parameters: {
    viewMode: "docs"
  }
}

...none of these variations are working for me?

I'm using the latest version (5.3.14) of Storybook and the official addons inc. docs.

[shilman]

@wagerfield this is a 6.0 feature

[wagerfield]

Thanks @shilman, I've upgraded to @next and it's working like a charm :D

[marchaos]

I can't get this to work on the latest alpha (31). Checking here https://next--storybookjs.netlify.com/official-storybook/?path=/story/addons-docs-buttongroup--basic and it does not seem to work either. Can you confirm this?

EDIT: looks already to be captured here - #9723