x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<fieldset class="form-field-wrapper"> <legend class="block font-medium text-gray-700 mb-2 text-sm"> Legal Agreements </legend> <div class="flex flex-col gap-2.5"> <div class="form-field-wrapper"> <div class="flex items-start flex-row gap-2.5"> <input type="checkbox" id="terms_0" name="terms[]" value="tos" 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 border-gray-300 checked:bg-primary-600 checked:border-primary-600 focus:ring-primary-500 bg-white" /> <label for="terms_0" class="select-none cursor-pointer text-gray-700 text-sm"> Terms of Service </label> </div> </div> <div class="form-field-wrapper"> <div class="flex items-start flex-row gap-2.5"> <input type="checkbox" id="terms_1" name="terms[]" value="privacy" 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 border-gray-300 checked:bg-primary-600 checked:border-primary-600 focus:ring-primary-500 bg-white" /> <label for="terms_1" class="select-none cursor-pointer text-gray-700 text-sm"> Privacy Policy </label> </div> </div> </div> <div class="text-danger-600 mt-2 space-y-0.5 text-sm"> <div>You must accept all agreements to continue</div> </div></fieldset>1
2
3
4
5
6
7
8
9
render BetterUi::Forms::CheckboxGroupComponent.new( name: "terms", collection: [ [ "Terms of Service", "tos" ], [ "Privacy Policy", "privacy" ] ], legend: "Legal Agreements", errors: [ "You must accept all agreements to continue" ])No notes provided.
No params configured.