!npm bundle size

Tailwind Debug Plugin

The Tailwind Debug Plugin helps web developers quickly highlight any HTML element with a red dashed outline for
debugging purposes.

!What's about?

How to Add and Use the Tailwind Debug Plugin

$3

``shell
yarn add tailwind-debug
npm i tailwind-debug
`

Add the tailwind-debug plugin to your style.css file:

`css
@import "tailwindcss";
@plugin "tailwind-debug";
`

$3

To debug an HTML element, add the debug class:

`html



`

For debugging child elements, use the *:debug class:

`html


• Item 1


• Item 2


• Item 3


`

$3

There are multiple color options available for debugging. Apply them by using the corresponding class:

`html


``

License

MIT