Radio Basic

                    <section class="p-6 bg-white rounded-lg shadow-sm">
  <div class="max-w-md mx-auto space-y-4">
    <div class="flex items-center gap-2">
      <input type="radio" id="option1" name="radio-group" class="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500" checked>
      <label for="option1" class="text-sm font-medium text-gray-700">Option 1</label>
    </div>
    
    <div class="flex items-center gap-2">
      <input type="radio" id="option2" name="radio-group" class="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500">
      <label for="option2" class="text-sm font-medium text-gray-700">Option 2</label>
    </div>
    
    <div class="flex items-center gap-2">
      <input type="radio" id="option3" name="radio-group" class="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500">
      <label for="option3" class="text-sm font-medium text-gray-700">Option 3</label>
    </div>
  </div>
</section>