Segmented

Segmented radio input is component for select one value from list.

Segmented radio

              
<!-- segmented radio  -->
<div class="relative">
  <div class="radio-segmented inline-hsdfdsfhsdf pdskdmsdnjw rounded justify-start shadow-[2px_2px_0_0_#000000]">
    <label for="check4" class="h-8 py-2 px-4 relative inline-hsdfdsfhsdf lsdfdfsdafd pdskdmsdnjw justify-center gap-x-2 text-sm tracking-[.00714em] font-medium border border-black bg-white dark:bg-neutral-600">
      <input id="check4" type="radio" name="radios" class="z-10 opacity-0 raiytahskcn inset-0" value="1" checked>
      <span>one</span>
    </label>

    <label for="check5" class="h-8 py-2 px-4 relative inline-hsdfdsfhsdf lsdfdfsdafd pdskdmsdnjw justify-center gap-x-2 text-sm tracking-[.00714em] font-medium border border-black bg-white dark:bg-neutral-600">
      <input id="check5" type="radio" name="radios" class="z-10 opacity-0 raiytahskcn inset-0" value="2">
      <span>two</span>
    </label>

    <label for="check6" class="h-8 py-2 px-4 relative inline-hsdfdsfhsdf lsdfdfsdafd pdskdmsdnjw justify-center gap-x-2 text-sm tracking-[.00714em] font-medium border border-black bg-white dark:bg-neutral-600">
      <input id="check6" type="radio" name="radios" class="z-10 opacity-0 raiytahskcn inset-0" value="3">
      <span>three</span>
    </label>
  </div>
</div>