import { CheckboxBaseDirective } from 'igniteui-angular/directives'; export { IChangeCheckboxEventArgs, LabelPosition } from 'igniteui-angular/directives'; import * as i0 from '@angular/core'; import { AfterViewInit } from '@angular/core'; import { ControlValueAccessor } from '@angular/forms'; import { EditorProvider } from 'igniteui-angular/core'; /** * Allows users to make a binary choice for a certain condition. * * @igxModule IgxCheckboxModule * * @igxTheme igx-checkbox-theme * * @igxKeywords checkbox, label * * @igxGroup Data entry and display * * @remarks * The Ignite UI Checkbox is a selection control that allows users to make a binary choice for a certain condition.It behaves similarly * to the native browser checkbox. * * @example * ```html * * simple checkbox * * ``` */ declare class IgxCheckboxComponent extends CheckboxBaseDirective implements AfterViewInit, ControlValueAccessor, EditorProvider { /** * Returns the class of the checkbox component. * * @example * ```typescript * let class = this.checkbox.cssClass; * ``` */ cssClass: string; /** * Returns if the component is of type `material`. * * @example * ```typescript * let checkbox = this.checkbox.material; * ``` */ protected get material(): boolean; /** * Returns if the component is of type `indigo`. * * @example * ```typescript * let checkbox = this.checkbox.indigo; * ``` */ protected get indigo(): boolean; /** * Returns if the component is of type `bootstrap`. * * @example * ```typescript * let checkbox = this.checkbox.bootstrap; * ``` */ protected get bootstrap(): boolean; /** * Returns if the component is of type `fluent`. * * @example * ```typescript * let checkbox = this.checkbox.fluent; * ``` */ protected get fluent(): boolean; /** * Sets/gets whether the checkbox component is on focus. * Default value is `false`. * * @example * ```typescript * this.checkbox.focused = true; * ``` * ```typescript * let isFocused = this.checkbox.focused; * ``` */ focused: boolean; /** * Sets/gets the checkbox indeterminate visual state. * Default value is `false`; * * @example * ```html * * ``` * ```typescript * let isIndeterminate = this.checkbox.indeterminate; * ``` */ indeterminate: boolean; /** * Sets/gets whether the checkbox is checked. * Default value is `false`. * * @example * ```html * * ``` * ```typescript * let isChecked = this.checkbox.checked; * ``` */ set checked(value: boolean); get checked(): boolean; /** * Sets/gets whether the checkbox is disabled. * Default value is `false`. * * @example * ```html * * ``` * ```typescript * let isDisabled = this.checkbox.disabled; * ``` */ disabled: boolean; /** * Sets/gets whether the checkbox is invalid. * Default value is `false`. * * @example * ```html * * ``` * ```typescript * let isInvalid = this.checkbox.invalid; * ``` */ invalid: boolean; /** * Sets/gets whether the checkbox is readonly. * Default value is `false`. * * @example * ```html * * ``` * ```typescript * let readonly = this.checkbox.readonly; * ``` */ readonly: boolean; /** * Sets/gets whether the checkbox should disable all css transitions. * Default value is `false`. * * @example * ```html * * ``` * ```typescript * let disableTransitions = this.checkbox.disableTransitions; * ``` */ disableTransitions: boolean; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; static ngAcceptInputType_indeterminate: unknown; static ngAcceptInputType_checked: unknown; static ngAcceptInputType_disabled: unknown; static ngAcceptInputType_invalid: unknown; static ngAcceptInputType_readonly: unknown; static ngAcceptInputType_disableTransitions: unknown; } /** * @hidden * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components */ declare class IgxCheckboxModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { IgxCheckboxComponent, IgxCheckboxModule };