x
1
2
3
4
5
6
7
8
9
10
11
<div class="form-field-wrapper"> <div class="flex items-start flex-row gap-2.5"> <input type="checkbox" id="terms" name="terms" value="1" class="appearance-none shrink-0 rounded border cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 w-5 h-5 checked:bg-primary-600 checked:border-primary-600 bg-white border-danger-500 focus:ring-danger-500" /> <label for="terms" class="select-none cursor-pointer text-gray-700 text-sm"> I agree to the terms and conditions </label> </div> <div class="text-danger-600 mt-1 space-y-0.5 text-sm"> <div>You must accept the terms and conditions to continue</div> </div></div>1
2
3
4
5
render BetterUi::Forms::CheckboxComponent.new( name: "terms", label: "I agree to the terms and conditions", errors: [ "You must accept the terms and conditions to continue" ])No notes provided.
No params configured.