Home / Designing UI Elements

Checkbox List

Customer Success Team

Last updated on Sep 10, 2024

The Checkbox List UI element is a list of options displayed to the user, where each option is accompanied by a checkbox, allowing the users to select multiple options from the list.

To configure Checkbox List:

  1. Select the current condition of the element from the State dropdown on the right-side Properly Panel:
  • Normal: The default state of Checkbox List when it is not being interacted with.
  • Hover: The state of Checkbox List when the user hovers over it with the mouse cursor.

2. Expand General:

  • Indicate the gap between the checkbox list options.
  • Select how Checkbox List is displayed: Vertical or Horizontal.

3. Make the necessary configuration of principal styling features (see Global Styles).

4. Click the checkbox Label to modify the text inside the checkbox item (see Global Styles). The label provides a brief description or name of the checkbox option.

 

💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.