The Tailwind debug plugin is a helpful utility for web developers. This plugin allows users to quickly and easily add a red dashed outline over any HTML element.
yarn add tailwind-debug
or
npm i tailwind-debug
Add the plugin to your tailwind.config.js
file:
// tailwind.config.js
module.exports = {
plugins: [
require('tailwind-debug'),
],
}
then add the following class to your HTML element:
<div class="debug"></div>