tailwind css disabled button code example

Example 1: 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>

Example 2: tailwind hover dont work

// tailwind.config.js
module.exports = {
    variants: {
textColor: ['responsive', 'hover', 'focus', 'group-hover'],
 },
}