Demo
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- Disabled Check Box -->
<div class="flex">
  <div class="flex items-center h-5"><input name="person[confirmation]" disabled="disabled" type="hidden" value="0" autocomplete="off" /><input class="text-brand bg-neutral-secondary-medium border-default-medium rounded-sm focus:ring-brand focus:ring-2 cursor-not-allowed w-4 h-4" disabled="disabled" type="checkbox" value="1" name="person[confirmation]" id="person_confirmation" /></div>
  <div class="ms-2 text-sm">
    <label class="font-medium text-fg-disabled" for="person_confirmation">Confirmation</label>
  </div>
</div>
<!-- Disabled Checked Check Box -->
<div class="flex">
  <div class="flex items-center h-5"><input name="person[confirmation]" disabled="disabled" type="hidden" value="0" autocomplete="off" /><input class="text-brand bg-neutral-secondary-medium border-default-medium rounded-sm focus:ring-brand focus:ring-2 cursor-not-allowed w-4 h-4" disabled="disabled" type="checkbox" value="1" checked="checked" name="person[confirmation]" id="person_confirmation" /></div>
  <div class="ms-2 text-sm">
    <label class="font-medium text-fg-disabled" for="person_confirmation">Confirmation</label>
  </div>
</div>
1
2
3
4
5
6
# Disabled Check Box
render(Flowbite::InputField::Checkbox.new(attribute: :confirmation, form: form, disabled: true))
# Disabled Checked Check Box
person.confirmation = true
render(Flowbite::InputField::Checkbox.new(attribute: :confirmation, form: form, disabled: true))

No notes provided.

No params configured.