# 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

Agree or Disagree

Disable check box
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

Last Updated: 9/28/2020, 2:20:13 PM