---
wrapper: 'p-4 max-w-sm mx-auto'
forms: true
---

<div class="w-full space-y-0.5">
  <label for="disabled" class="text-xs font-medium text-gray-500"> Your Name </label>
  <input
    disabled
    id="disabled"
    type="text"
    placeholder="Enter your name"
    class="block w-full rounded-md border-gray-200 text-sm transition focus:border-blue-600 focus:ring-blue-600 disabled:cursor-not-allowed disabled:bg-gray-200 disabled:opacity-75" />
</div>
