Checkbox

Provides a simple, standardized checkbox component which enforces the Feelix styling. The checkbox will allow the ability to show a tooltip next to the label and more importantly display any validation errors with the Feelix styling.

Example

Variation usage

Example

API

Name Type Default Description
name string Sets the name of Checkbox. This is required.
id string (generated) Sets the id of Checkbox. If no id is specified, a generated one is used.
label string Sets the label for the Checkbox. This is required.
tooltip Tooltip If this is not null, it shows the specified Tooltip component next to the label.
checked boolean Specifies whether the Checkbox is checked or not.
disabled boolean Disables the Checkbox. It won’t accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
autoFocus boolean Specifies that this element should automatically get focus when the page loads.
onChange function Sets the Checkbox’s onChange handler.
onBlur function Sets the Checkbox’s onBlur handler.
onFocus function Sets the Checkbox’s onFocus handler.
errorMessage string If this is not null or empty, it displays the string as an error message in the style dictated by Feelix.

Used by

Team
Pathfinder