radiogroups

              <div class="flex items-center gap-2">
  <input
    id="basic-radio"
    name="example-radio"
    type="radio"
    class="rounded-full shadow size-4 border-zinc-300 text-blue-600 focus:ring-blue-600"
  />
  <label class="text-base block text-sm text-zinc-500">
    Basic radio button
  </label>
</div>

            

<div class="flex items-center gap-2">
  <input
    id="basic-radio"
    name="example-radio"
    type="radio"
    class="rounded-full shadow size-4 border-zinc-300 text-blue-600 focus:ring-blue-600"
  />
  <label class="text-base block text-sm text-zinc-500">
    Basic radio button
  </label>
</div>

Basic Radio Button

Radio Button Group with Descriptions

Radio Buttons with Icons

Inline Radio Button Group

Radio Group with Toggle Details

Radio Button Group with Tool Selection

Radio Button Group for Payment Methods

Radio Group for Server Location

Radio Group for Plan Selection

Radio Button Group for Mood Rating

Radio Group for Theme Selection