addon-controls - Disabling controls for a component does not disable them on docsPage
See original GitHub issueDescribe the bug
When I set the parameter for controls to disabled, the Controls
tab disappears, but controls are still present on the docsPage
.
To Reproduce Steps to reproduce the behavior:
- In a
*.stories.js
file (maybe MDX too, but I have only verified this on*.stories.js
), set the export default as such:
export default {
title: 'Components/MyNiceComponent',
component: MyNiceComponent,
parameters: {
controls: {
disabled: true,
}
}
}
- Serve Storybook.
- Navigate to
MyGreatComponent
- See that the
Controls
tab is no longer visible. - Click on the
Docs
tab. - See that the controls are still visible, and still function.
Expected behavior
When I disable controls for a component, I expect both the controls tab to disappear AND the controls column on the docsPage
to disappear, as well.
System:
System:
OS: macOS 10.15.6
CPU: (8) x64 Intel(R) Core(TM) i7-8569U CPU @ 2.80GHz
Binaries:
Node: 12.18.3 - /usr/local/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 6.14.6 - /usr/local/bin/npm
Browsers:
Chrome: 85.0.4183.83
Firefox: 80.0
Safari: 13.1.2
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:16 (7 by maintainers)
Top Results From Across the Web
reactjs - @storybook/addon-controls: howto not auto-generate ...
Lets say I have a component prop that is an event handler and I obviously do not want it to have a control....
Read more >DocsPage - 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...
Read more >@storybook/addon-controls | Yarn - Package Manager
It creates an addon panel next to your component examples ("stories"), so you can edit them live. Framework Support. Screenshot ...
Read more >Cannot remove controls from Canvas but keep property in ...
Cannot remove controls from Canvas but keep property in Docs Page. ... Pretty sure you can just disable the controls addon entirely and...
Read more >storybook/addon-docs - npm
DocsPage is a zero-config aggregation of your component stories, ... MDX gives you full control over your component documentation.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
disabling a single row
foo
from showing up in the table:cc @jonniebigodes
An addition to this, is there a way to disable the controls, but still have them shown? I have a boolean I always want to be true in a curtain state and I want to show its supposed to be true when displaying this component.