# Checkbox (fw-checkbox)
fw-checkbox displays a check box on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the check box displayed on the UI is highlighted and contains a check mark.
# Usage
Show Code
# Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
checked | checked | Sets the state of the check box to selected. If the attribute’s value is undefined, the value is set to false. | boolean | false |
disabled | disabled | Disables the check box on the interface. If the attribute’s value is undefined, the value is set to false. | boolean | false |
label | label | Label displayed on the interface, for the check box. | string | '' |
value | value | Identifier corresponding to the component, that is saved when the form data is saved. | string | '' |
# Events
Event | Description | Type |
---|---|---|
fwBlur | Triggered when the check box loses focus. | CustomEvent<void> |
fwChange | Triggered when the check box’s value is modified. | CustomEvent<any> |
fwFocus | Triggered when the check box comes into focus. | CustomEvent<void> |
# Dependencies
# Used by
# Graph
graph TD;
fw-dropdown-button --> fw-checkbox
style fw-checkbox fill:#f9f,stroke:#333,stroke-width:4px
Built with ❤ at Freshworks