Option to stop controls changing a component in Docs view

[andywd7]

Is your feature request related to a problem? Please describe
I think it can be an issue that changes made by controls in the Canvas are also applied/kept in the Docs tab. If someone is playing with the controls for a primary/blue button for example and changes it to danger/red or disabled and then navigates to the Docs then they are shown a red or disabled button for the blue button documentation leading to confusion or misunderstanding.

Describe the solution you'd like
There should be an option/way to disable controls effects for stories when in Docs view, on a global, component and story level ideally. Also another option or as well as there should be a reset button in the story in Docs mode to reset the controls or props to their initial values, like there currently is in the ArgsTable.

Describe alternatives you've considered
Wrting duplicate stories with controls disabled. Adding an ArgsTable in Docs for each story.

Are you able to assist to bring the feature to reality?
No

[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]

Related #14048