CSS

tailwind css disabled button

<button class="bg-blue-500 text-white font-bold py-2 px-4 rounded opacity-50 cursor-not-allowed">
  Button
</button>

disabled button tailwind css class on basis of true false

<button
  type="button"
  className=" /* enable class attributes */
               disabled: /* disabled class attributes*/ "
  disabled={/* disable logic in true or false */}
>

remove hover on disabled button tailwindcss

disabled:pointer-events-none