🚀 Quick start

1. Installation

   # npm
   npm install -D vebug
   
   # yarn
   yarn add -D vebug

2. Wrap the component you want to debug

   <Vebug>
     <YourComponent />
   </Vebug>

Features

Vebug will automatically calculate the DOM depth of your component and colorize every child element. Don't like the colors? Refresh and new colors will be generated.

Toggle z-index indicator

Shortcomings

Vebug works by overriding the CSS of its children, but will not override CSS styles defined directly on any component defined by ID.

License

MIT Licensed. Copyright (c) Stack Cache 2019.