Checkbox Input Element

The Checkbox Input element provides a binary choice for users, ideal for terms acceptance, preferences, or multi-select list items.

Live Preview

Checkbox Preview

Specifications

Checkbox inputs offer structured binary options for form interactions:

  • Sizing: Select between Small, Medium, or Large to fit your layout.
  • Initial State: Set a Default Value of checked or unchecked upon page load.
  • Validation: Mark checkboxes as Required for essential user confirmations.
  • Styling: Customize the checkbox trigger's layout and surrounding spacing via custom classes.
  • Accessibility: Automatically adapts to keyboard navigation for inclusive user experiences.

AI Guidance

How to prompt for Checkbox Inputs:

  • Add a checkbox for 'Keep me signed in' that is checked by default.
  • Create a required checkbox for accepting terms and conditions.
  • Insert three large checkboxes for user preferences.