<h3 id="heading-how-to-fix-it">How to fix it</h3>
<p>Just add a rule in lint file.</p>
<pre><code class="lang-javascript"><span class="hljs-comment">// .eslintrc</span>
<span class="hljs-string">"rules"</span>: {
    <span class="hljs-comment">/**
    ...
    **/</span>
    <span class="hljs-string">"tailwindcss/no-custom-classname"</span>: <span class="hljs-string">"off"</span>
},
</code></pre>
<h3 id="heading-why-do-this">Why do this?</h3>
<p><a target="_blank" href="https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14">https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14</a></p>


### How to fix it

Just add a rule in lint file.

```javascript
// .eslintrc
"rules": {
    /**
    ...
    **/
	"tailwindcss/no-custom-classname": "off"
},
```

### Why do this?

[https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14](https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14)

Resolve Tailwind CSS class lint warnings by updating your ESLint configuration

Eslint warning Classname 'xxx' is not a Tailwind CSS class! tailwindcss/no-custom-classname when using shadcn/ui

Table of contents

How to fix it

Why do this?