eslint-plugin-tailwind

ESLint rules for Tailwind CSS

Installation

You'll first need to install ESLint:

$ npm i eslint --save-dev

Next, install eslint-plugin-tailwind:

$ npm install eslint-plugin-tailwind --save-dev

Note: If you installed ESLint globally (using the -g flag) then you must also install eslint-plugin-tailwind globally.

Usage

Extend your ESLint config with tailwind config:

{
  "extends": ["plugin:tailwind/recommended"]
}

Supported Rules

• tailwind/class-order

Supported languages and file extensions

• HTML - html
• React - js, jsx, tsx

VS Code integration

See /example/.vscode directory for recommended project settings.

Roadmap

• <input disabled="" type="checkbox"> Handle responsive prefixes - sm, md etc.
• <input disabled="" type="checkbox"> Handle pseudo classes - hover, active etc.
• <input disabled="" type="checkbox"> Add support for Vue
• <input disabled="" type="checkbox"> Add support for Svelte
• <input disabled="" type="checkbox"> Add support for Angular