Turbo UI
Full width blocks
Inner blocks
Layouts
CSS Elems
Buttons
Buttons with icons
Buttons icons only
Text input
Select
Checkbox
Radio
File upload
Textarea
Range
Input group

Radio

<div class="t1 flex flex-col"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-xs u1.radio-action mr-8" name="radioButtonName_a4qiQlfl" checked> <div class="t1 line-1.5">Label A</div> </label> <label class="t1 flex align-items-center mt-8"> <input type="radio" class="t1 u1.radio u1.radio-xs u1.radio-action mr-8" name="radioButtonName_a4qiQlfl"> <div class="t1 line-1.5">Label B</div> </label> </div>
<div class="t1 flex align-items-center"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-m u1.radio-action mr-8" name="radioButtonName_kG9u3fS8" checked> </label> <input type="text" class="t1 u1.input u1.input-m" placeholder="Placeholder"> </div>
<div class="t1 flex flex-col w-full"> <div class="t1 flex align-items-center"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-xs u1.radio-action mr-8" name="radioButtonName_lflG9w31" checked> </label> <input type="text" class="t1 u1.input u1.input-xs" placeholder="Placeholder"> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-s u1.radio-action mr-8" name="radioButtonName_lflG9w31"> </label> <input type="text" class="t1 u1.input u1.input-s" placeholder="Placeholder"> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-m u1.radio-action mr-8" name="radioButtonName_lflG9w31"> </label> <input type="text" class="t1 u1.input u1.input-m" placeholder="Placeholder"> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-l u1.radio-action mr-12" name="radioButtonName_lflG9w31"> </label> <input type="text" class="t1 u1.input u1.input-l" placeholder="Placeholder"> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-xl u1.radio-action mr-16" name="radioButtonName_lflG9w31"> </label> <input type="text" class="t1 u1.input u1.input-xl" placeholder="Placeholder"> </div> </div>
<div class="t1 flex flex-col w-full color-gray-800"> <div class="t1 flex align-items-center"> <label class="t1 inline-flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-m u1.radio-action mr-8" name="radioButtonName_kd83jdv8"> <div class="t1 line-1.5">action</div> </label> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 inline-flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-m u1.radio-success mr-8" name="radioButtonName_kd83jdv8" checked> <div class="t1 line-1.5">success</div> </label> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 inline-flex align-items-center"> <input type="radio" class="t1 u1.radio u1.radio-m u1.radio-danger mr-8" name="radioButtonName_kd83jdv8"> <div class="t1 line-1.5">danger</div> </label> </div> </div>