Alpine.js x-bound: Basic Usage

by rameel

HTML

<div x-data="{ name: 'Guest' }">
  <input x-bound:value="name" />
  <p>
    Hello, <span x-text="name"></span>!
  </p>

  <button @click="name = 'John'">Change Name</button>
</div>

<script src="https://cdn.jsdelivr.net/npm/@ramstack/alpinegear-bound@1/alpinegear-bound.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js" defer></script>