Dev Inspector #1
Description
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:
- Text describing the feature/approach
- Link to relevant docs/articles
- 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