doc-burger

Checkbox

A component that allows data entry when it is selected

A checkbox is a user interface element that allows users to select or deselect a value, typically representing a boolean choice.

checkbox compoennt of Peaka

Key Features

Checkboxes have the following key features:

  • Value: Checkboxes have a boolean value that users can enter between curly braces, as shown in the image.

  • Label: The label is the text displayed above the checkbox, providing context for the user.

  • Disabled: When enabled, the "Disabled" option makes the checkbox unchangeable, preventing user interaction.

  • Styles: Customize the initial styles of the checkbox to match your application's design.

How to Use Checkboxes

To use checkboxes in your application, follow these steps:

  1. Value: Utilize the "Value" property to set or retrieve the boolean value associated with the checkbox.

  2. Label: Add a descriptive label above the checkbox to provide context for the user.

  3. Disabled State: Use the "Disabled" option to make the checkbox unchangeable when necessary.

Use Cases

Checkboxes are commonly used in various scenarios, including:

  • Options selection: Allow users to select or deselect options or features.

  • Agree/Disagree: Use checkboxes for agree/disagree choices in surveys or forms.

  • Terms and conditions: Implement checkboxes for accepting terms and conditions or agreements.

  • Preference settings: Use checkboxes in user profiles or settings to enable or disable specific features.

Checkboxes are versatile UI components that simplify user interactions and enhance the usability of your application.