x
1
2
3
4
5
6
7
8
<div class="form-field-wrapper"> <div class="flex items-start flex-row gap-2.5"> <input type="checkbox" id="readonly_option" name="readonly_option" value="1" checked="checked" class="appearance-none shrink-0 rounded border 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-gray-50 cursor-default pointer-events-none" aria-readonly="true" /> <label for="readonly_option" class="select-none cursor-pointer text-gray-700 text-sm"> This option is readonly </label> </div></div>1
2
3
4
5
6
render BetterUi::Forms::CheckboxComponent.new( name: "readonly_option", label: "This option is readonly", readonly: true, checked: true)No notes provided.
No params configured.