Sets/gets the value of the aria-label attribute.

Example

<igx-checkbox aria-label = "Checkbox1"></igx-checkbox>

let ariaLabel = this.checkbox.ariaLabel;

Sets/gets the aria-labelledby attribute. If not set, the aria-labelledby will be equal to the value of labelId attribute.

Example

<igx-checkbox aria-labelledby = "Checkbox1"></igx-checkbox>

let ariaLabelledBy = this.checkbox.ariaLabelledBy;

An event that is emitted after the checkbox state is changed. Provides references to the IgxCheckboxComponent and the checked property as event arguments.

Returns the class of the checkbox component.

Example

let class = this.checkbox.cssClass;

Enables/Disables the ripple effect. If not set, disableRipple will have value false.

Example

<igx-checkbox [disableRipple] = "true"></igx-checkbox>

let isRippleDisabled = this.checkbox.desableRipple;

Sets/gets whether the checkbox should disable all css transitions. Default value is false.

Example

<igx-checkbox [disableTransitions]="true"></igx-checkbox>

let disableTransitions = this.checkbox.disableTransitions;

Sets/gets whether the checkbox component is on focus. Default value is false.

Example

this.checkbox.focused =  true;

let isFocused = this.checkbox.focused;

Sets/gets the id of the checkbox component. If not set, the id of the first checkbox component will be "igx-checkbox-0".

Example

<igx-checkbox id="my-first-checkbox"></igx-checkbox>

let checkboxId =  this.checkbox.id;

Sets/gets the checkbox indeterminate visual state. Default value is false;

Example

<igx-checkbox [indeterminate] = "true"></igx-checkbox>

let isIndeterminate = this.checkbox.indeterminate;

Sets/gets the id of the label element. If not set, the id of the label in the first checkbox component will be "igx-checkbox-0-label".

Example

<igx-checkbox labelId = "Label1"></igx-checkbox>

let labelId =  this.checkbox.labelId;

Sets/gets the position of the label. If not set, the labelPosition will have value "after".

Example

<igx-checkbox labelPosition = "before"></igx-checkbox>

let labelPosition =  this.checkbox.labelPosition;

Sets/gets the name attribute.

Example

<igx-checkbox name = "Checkbox1"></igx-checkbox>

let name =  this.checkbox.name;

Returns reference to the native checkbox element.

Example

let checkboxElement =  this.checkbox.checkboxElement;

Returns reference to the native label element.

@example
let labelElement =  this.checkbox.nativeLabel;

Returns reference to the label placeholder element.

@example
let labelPlaceholder =  this.checkbox.placeholderLabel;

Sets/gets whether the checkbox is readonly. Default value is false.

Example

<igx-checkbox [readonly]="true"></igx-checkbox>

let readonly = this.checkbox.readonly;

Sets/gets the value of the tabindex attribute.

Example

<igx-checkbox [tabindex] = "1"></igx-checkbox>

let tabIndex =  this.checkbox.tabindex;

Sets/gets the value attribute.

Example

<igx-checkbox [value] = "'CheckboxValue'"></igx-checkbox>

let value =  this.checkbox.value;