JSFiddle - React, Tailwind, and code Playground

HTML

<html>

   <head>
   <link
  rel="stylesheet"
  href="https://unpkg.com/@freshworks/crayons@v3/css/crayons-min.css"
/>

  <script
  type="module"
  src="https://unpkg.com/@freshworks/crayons@v3/dist/crayons/crayons.esm.js"
></script>
<script
  nomodule
  src="https://unpkg.com/@freshworks/crayons@v3/dist/crayons/crayons.js"
></script>

   </head>

   <body>
   <fw-button disabled id="disable" color="primary"> Disable </fw-button>
   </body>

 </html>

JavaScript

function ondisableClick() {
console.log('Button disabled')
}

document.getElementById('disable').addEventListener('click',ondisableClick)