The developer showcase will feature a dev inspector mode that when toggled on, will provide visitors to the site with developer based information for a given item on the page.

At a high level, we'll need two blocks that use the Interactivity API:

• A toggle button to enable/disable dev inspector mode
• A wrapper block for the content that will be featured and provide a button to show the developer content.

Dev Inspector Toggle Block

This block will be a simple on/off that will control the global on/off state for the store

Dev Inspector Container Block

This block is used as a container block (similar to a group block) and will wrap other blocks.

It will have some Inspector Controls for the following:

1. Text describing the feature/approach
2. Link to relevant docs/articles
3. Code snippet

When the "Dev Inspector" mode is enabled, the block will show a button that when clicked will display the three sections. Design is still TBD.

Check List

• Basic scaffolding and registration of store
• Two blocks: A toggle button and wrapper block used to display the content
• Styling/approach for the content tabs provided by the container block cc @justintadlock