Checkboxes | Manish Tamang quick bulldog 81

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<fieldset>
  <legend class="sr-only">Checkboxes</legend>

  <div class="space-y-2">
    <label
      class="flex cursor-pointer items-start gap-4 rounded-lg border border-gray-200 p-4 transition hover:bg-gray-50 has-[:checked]:bg-blue-50"
      for="Option1"
    >
      <div class="flex items-center">
        ​
        <input
          id="Option1"
          class="size-4 rounded border-gray-300"
          type="checkbox"
        />
      </div>

      <div>
        <strong class="font-medium text-gray-900"> Manish Tamang</strong>

        <p class="mt-1 text-pretty text-sm text-gray-700">
          Lorem ipsum dolor sit amet consectetur adipisicing elit.
        </p>
      </div>