Matsuuu / web-component-devtools

Web Component DevTools is a Browser Extension enhancing the development experience of Web Component developers
https://matsuuu.github.io/web-component-devtools/
MIT License
134 stars 3 forks source link

[Feature Request]: Adding component structure/relationship visualization #54

Open shaal opened 2 years ago

shaal commented 2 years ago

Is your feature request related to a problem? Please describe. Sometimes it's hard to comprehend component structure, how it's related to attributes, slots, and events.

Describe the solution you'd like Inspired by the screenshot from Vuensight, I think adding visuals to the browser extension would help people clearly see a component's attributes and relationships to props and slots and perhaps even events attached to it.

image

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.