Move 'Show Info' button in info addon

[Glazy]

Is your feature request related to a problem? Please describe.

When using @storybook/addon-info the 'Show Info' button at the top right of the component view area overlays the rendered component. This was a problem when we had a full-width component that had an icon on the right hand side that was being covered by the button.

Describe the solution you'd like

It would be nice to make use of Storybooks built-in top bar area. Take a look at the screenshot below 👇

Describe alternatives you've considered

There could potentially be a way to toggle this 'Show Info' button but I think the solution I've suggested above is the better fix.

Are you able to assist bring the feature to reality?

Yes

[shilman]

Cool idea! I think this would be a nice improvement for addon-info 👍

[Armanio]

Hey @Glazy! I like it, it will decide any problem with 'info' toggle.
Are you have progress? I can help you? Let me know.

[joeycozza]

I'd also like to throw in the idea of a flag to put addon-info as a Panel (instead of a Tab which was suggested above). So I guess the options would be

1. inline (currently exists)
2. wrapping the content with the little button on the top right (currently exists)
3. tab
4. panel

[techieshark]

@joeycozza I think I've seen the idea of changing addon-info in related manner mentioned in other issues (assuming I'm understanding the proposals correctly):

#1147 (comment)
#6049 (comment)

cc @shilman

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

FYI just wrapping up the technical preview of addon-docs which aims to replace addon-info and addresses these issues: https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a

Discussion in the #docs-mode channel in our Discord https://discord.gg/UUt2PJb

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

[jamime]

PR for addon-docs #7101

[shilman]

@jamime FYI it's been out as 5.2.0-alpha.x for the past month. Guide: https://docs.google.com/document/d/1un6YX7xDKEKl5-MVb-egnOYN8dynb5Hf7mq0hipk8JE/edit?usp=sharing

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

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!