Function offlineButton

Create offline button Alpine.js component.

Usage in HTML:

<div x-data="offlineButton(123)">
  <button @click="toggleOffline" :disabled="isDownloading">
    <span x-show="!isAvailable">Download for Offline</span>
    <span x-show="isAvailable">Remove from Offline</span>
  </button>
  <span x-show="isDownloading" x-text="statusMessage"></span>
</div>
Copy