Tailwind checkbox

        
            
    <!-- Required form plugin -->
    <link
      href="https://cdn.jsdelivr.net/npm/@tailwindcss/custom-forms@0.2.1/dist/custom-forms.css"
      rel="stylesheet"
    />

    <div class="block">
      <span class="text-gray-700">Checkboxes</span>
      <div class="mt-2">
        <div>
          <label class="inline-flex items-center">
            <input type="checkbox" class="form-checkbox" checked />
            <span class="ml-2">Option 1</span>
          </label>
        </div>
        <div>
          <label class="inline-flex items-center">
            <input type="checkbox" class="form-checkbox" />
            <span class="ml-2">Option 2</span>
          </label>
        </div>
        <div>
          <label class="inline-flex items-center">
            <input type="checkbox" class="form-checkbox" />
            <span class="ml-2">Option 3</span>
          </label>
        </div>
      </div>
    </div>