question-mark
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.

Ability to hide Canvas Tab

See original GitHub issue

Is your feature request related to a problem? Please describe. I’m always frustrated that Canvas is the main tab. My team use Storybook as a component library but also as a styleguide. We put the styleguide text as Markdown with Notes.

Describe the solution you’d like I would be able to hide the Canvas tab. So the user doesn’t need an extra click to read the Notes.

Maybe something like this?

storiesOf('Addons|Hide Canvas options', module)
    .addParameters({
        options: {
            panelPosition: 'bottom',
            // To hide canvas tab:
            showCanvas: false,
        },
    })
    .add(
        'Story for MyComponent',
        () => <MyComponent />,
        // If you want to set the options for a specific story
        { options: { showCanvas: false } },
    );

Describe alternatives you’ve considered An alternative would be that you can config each story which tab should be opened upon clicking the specific story.

Are you able to assist bring the feature to reality? I can contribute by reading pull-requests and test.

Additional context storybook

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:50
  • Comments:29 (14 by maintainers)

github_iconTop GitHub Comments

75reactions
cgatiancommented, Oct 24, 2019

No I want this!

On Thu, Oct 24, 2019, 3:44 AM stale[bot] notifications@github.com wrote:

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!

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/storybookjs/storybook/issues/7066?email_source=notifications&email_token=AANLY2QVSW7PDJJVUFLOR2DQQFG5BA5CNFSM4HXKFNS2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOECEBR5Q#issuecomment-545790198, or unsubscribe https://github.com/notifications/unsubscribe-auth/AANLY2VIMIOVBIAWI6SL4WLQQFG5BANCNFSM4HXKFNSQ .

67reactions
shilmancommented, Sep 13, 2019

@eduina @B3Kay FYI You can currently hide all of the non-docs tabs with the --docs flags, e.g. yarn storybook --docs or yarn build-storybook --docs

Read more comments on GitHub >

github_iconTop Results From Across the Web

Disable canvas per story in storybook 6
To hide the "Canvas" tab: export default { title: 'YourTitle', parameters: { previewTabs: { canvas: { hidden: true}, }, viewMode: 'docs', } ...
Read more >
Hide tabs in the course settings (navigation and Integration tabs)
Solved: Hi all, We would like to hide the "Navigation" and "Integration" tabs on the course setting page, from teachers. Anyone.
Read more >
Tab control hide and show on canvas app
Tab control hide and show on canvas app ... "In-call effectiveness" & "Selling" have to be shown on the UI and has to...
Read more >
How to hide tab canvas
Hi, To hide the entire canvas, you can use HIDE_VIEW built-in. HIDE_VIEW( ...
Read more >
How to hide items on Canvas navigation bar - YouTube
Your browser can't play this video. Learn more. Switch camera.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found