# 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`	`''`
`name`	`name`	Name of the component, saved as part of form data.	`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

fw-dropdown-button

# Graph

graph TD;
  fw-dropdown-button --> fw-checkbox
  style fw-checkbox fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks

← Button (fw-button) Datepicker (fw-datepicker) →