Demo
x
1
2
3
4
5
6
7
<div class="flex">
  <div class="flex items-center h-5"><input name="person[confirmation]" 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 w-4 h-4" aria-describedby="person_confirmation_hint" type="checkbox" value="1" name="person[confirmation]" id="person_confirmation" /></div>
  <div class="ms-2 text-sm">
    <label class="font-medium text-heading" for="person_confirmation">Confirmation</label>
    <p class="text-xs font-normal text-body" id="person_confirmation_hint">I agree with the terms and conditions.</p>
  </div>
</div>
1
render(Flowbite::InputField::Checkbox.new(attribute: :confirmation, form: form, hint: {content: "I agree with the terms and conditions."}))

Get started with this example if you want to add a secondary helper text for the checkbox component.

No params configured.