JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js"></script>
<div x-data="{ buttonDisabled: false }">
    <button x-on:click="buttonDisabled = true" x-bind:disabled="buttonDisabled">Save</button>
</div>

<div x-data="{ buttonDisabled: false }">
    <button x-on:click="buttonDisabled = true" x-bind:disabled="buttonDisabled">Save 2</button>
</div>

<div x-data="{ buttonDisabled: false }">
    <button x-on:click="buttonDisabled = true" x-bind:disabled="buttonDisabled">Save 3</button>
</div>