Previews

No matching results.

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="marketing" name="marketing" 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 border-gray-300 checked:bg-primary-600 checked:border-primary-600 focus:ring-primary-500 bg-white" />
<label for="marketing" class="select-none cursor-pointer text-gray-700 text-sm">
Receive marketing emails
</label>
</div>
<div class="block text-gray-600 mt-1 text-sm">
We'll send you occasional updates about new features and promotions.
</div>
</div>
1
2
3
4
5
render BetterUi::Forms::CheckboxComponent.new(
name: "marketing",
label: "Receive marketing emails",
hint: "We'll send you occasional updates about new features and promotions."
)