# Ignite UI for Angular Inputs vlatest — Full API Reference

> Complete API reference for the Ignite UI for Angular Inputs package (latest). This file lists all public classes, interfaces, enumerations, type aliases, functions, and variables with their signatures, parameters, and descriptions.

Platform: Angular
Package: igniteui-angular-inputs
Version: latest

## Classes

### [IgxButtonClickEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxButtonClickEventArgs)

- **constructor**(): IgxButtonClickEventArgs

### [IgxButtonGroupSelectionChangedEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxButtonGroupSelectionChangedEventArgs)

- **constructor**(): IgxButtonGroupSelectionChangedEventArgs

### [IgxCheckboxChangeEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxCheckboxChangeEventArgs)

- **constructor**(): IgxCheckboxChangeEventArgs
- static **ngAcceptInputType_isChecked**: `string | boolean`
- static **ngAcceptInputType_isIndeterminate**: `string | boolean`
- **isChecked**: `boolean`
- **isIndeterminate**: `boolean`

### [IgxColorEditorComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxColorEditorComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxColorEditorComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_allowTextInput**: `string | boolean`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_isDisabled**: `string | boolean`
- static **ngAcceptInputType_isFixed**: `string | boolean`
- static **ngAcceptInputType_openAsChild**: `string | boolean`
- static **ngAcceptInputType_openOnFocus**: `string | boolean`
- static **ngAcceptInputType_showClearButton**: `string | boolean`
- static **ngAcceptInputType_useTopLayer**: `string | boolean`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **allowTextInput**: `boolean` — Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the date picker.
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the date pcicker.
- **gotFocus**: `EventEmitter<any>`
- **iconColor**: `string` — Gets or Sets the text color
- **isDisabled**: `boolean`
- **isFixed**: `boolean` — Indicates that the editor dropdown will position itself relative to the window instead of the document.
- **label**: `string` — Gets or Sets the property name that contains the label.
- **labelTextColor**: `string` — Gets or sets the color to use for the text.
- **labelTextStyle**: `string` — Gets or sets the font to use for the input.
- **lostFocus**: `EventEmitter<any>`
- **openAsChild**: `boolean` — Indicates that the dropdown should open as a child of the color editor.
- **openOnFocus**: `boolean` — Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
- **showClearButton**: `boolean` — Gets or sets the ShowClearButton property to detirmine if the clear button is shown
- **textColor**: `string` — Gets or Sets the text color
- **textStyle**: `string` — Gets or sets the font to use for the combobox.
- **useTopLayer**: `boolean` — Indicates that the dropdown will place itself into the browser top layer.
- **value**: `string` — Gets or Sets color value of the editor.
- **valueChanged**: `EventEmitter<any>` — Called when color is selected.
- **valueChanging**: `EventEmitter<any>` — Called when color is selected.
- **findByName**(name: string): any
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **select**(): void
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgxColorEditorComponent

### [IgxColorEditorGotFocusEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxColorEditorGotFocusEventArgs)

- **constructor**(): IgxColorEditorGotFocusEventArgs

### [IgxColorEditorLostFocusEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxColorEditorLostFocusEventArgs)

- **constructor**(): IgxColorEditorLostFocusEventArgs

### [IgxColorEditorPanelClosedEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxColorEditorPanelClosedEventArgs)

- **constructor**(): IgxColorEditorPanelClosedEventArgs

### [IgxColorEditorPanelComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxColorEditorPanelComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxColorEditorPanelComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_actualPixelScalingRatio**: `string | number`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_pixelScalingRatio**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualPixelScalingRatio**: `number`
- **backgroundColor**: `string` — Gets or Sets the selected color background color
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the ColorEditorPanel.
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the ColorEditorPanel.
- **focusColorBorderColor**: `string` — Gets or Sets the focus color border color
- **hoverBackgroundColor**: `string` — Gets or Sets the focus date background color
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **selectedColorBorderColor**: `string` — Gets or Sets the selected color boreder color
- **selectedFocusDateBackgroundColor**: `string` — Gets or Sets the selected color border color
- **textColor**: `string` — Gets or Sets the selected date text color
- **textStyle**: `string` — Gets or sets the font to use for the combobox.
- **value**: `string` — Gets or Sets the value for the color editor panel.
- **valueChanged**: `EventEmitter<any>` — Called when date is selected.
- **valueChanging**: `EventEmitter<any>` — Called when date is selected.
- **findByName**(name: string): any
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgxColorEditorPanelComponent

### [IgxColorEditorPanelSelectedValueChangedEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxColorEditorPanelSelectedValueChangedEventArgs)

- **constructor**(): IgxColorEditorPanelSelectedValueChangedEventArgs
- **newValue**: `string`
- **oldValue**: `string`

### [IgxGotFocusEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxGotFocusEventArgs)

- **constructor**(): IgxGotFocusEventArgs

### [IgxInputChangeEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxInputChangeEventArgs)

- **constructor**(): IgxInputChangeEventArgs
- static **ngAcceptInputType_isCompositionInProgress**: `string | boolean`
- **isCompositionInProgress**: `boolean`
- **value**: `string`

### [IgxLostFocusEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxLostFocusEventArgs)

- **constructor**(): IgxLostFocusEventArgs

### [IgxMultiSliderComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderComponent)

- **constructor**(): IgxMultiSliderComponent
- static **ngAcceptInputType_actualPixelScalingRatio**: `string | number`
- static **ngAcceptInputType_areThumbCalloutsEnabled**: `string | boolean`
- static **ngAcceptInputType_barExtent**: `string | number`
- static **ngAcceptInputType_barStrokeThickness**: `string | number`
- static **ngAcceptInputType_calloutStrokeThickness**: `string | number`
- static **ngAcceptInputType_endInset**: `string | number`
- static **ngAcceptInputType_isCustomBarProvided**: `string | boolean`
- static **ngAcceptInputType_isCustomRangeThumbProvided**: `string | boolean`
- static **ngAcceptInputType_isCustomShadeProvided**: `string | boolean`
- static **ngAcceptInputType_isCustomThumbProvided**: `string | boolean`
- static **ngAcceptInputType_max**: `string | number`
- static **ngAcceptInputType_min**: `string | number`
- static **ngAcceptInputType_orientation**: `string | MultiSliderOrientation`
- static **ngAcceptInputType_pixelScalingRatio**: `string | number`
- static **ngAcceptInputType_rangeThumbStrokeThickness**: `string | number`
- static **ngAcceptInputType_startInset**: `string | number`
- static **ngAcceptInputType_step**: `string | number`
- static **ngAcceptInputType_thumbHeight**: `string | number`
- static **ngAcceptInputType_thumbs**: `string | IgxMultiSliderThumbCollection`
- static **ngAcceptInputType_thumbStrokeThickness**: `string | number`
- static **ngAcceptInputType_thumbWidth**: `string | number`
- static **ngAcceptInputType_trackEndInset**: `string | number`
- static **ngAcceptInputType_trackStartInset**: `string | number`
- static **ngAcceptInputType_windowRect**: `string | IgRect`
- static **ngAcceptInputType_yMax**: `string | number`
- static **ngAcceptInputType_yMin**: `string | number`
- static **ngAcceptInputType_yStep**: `string | number`
- static **ngAcceptInputType_yTrackEndInset**: `string | number`
- static **ngAcceptInputType_yTrackStartInset**: `string | number`
- static **ngAcceptInputType_yValue**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualPixelScalingRatio**: `number`
- **areThumbCalloutsEnabled**: `boolean`
- **barBrush**: `string`
- **barExtent**: `number`
- **barOutline**: `string`
- **barStrokeThickness**: `number`
- **calloutBrush**: `string`
- **calloutOutline**: `string`
- **calloutStrokeThickness**: `number`
- **calloutTextColor**: `string`
- **endInset**: `number`
- **isCustomBarProvided**: `boolean`
- **isCustomRangeThumbProvided**: `boolean`
- **isCustomShadeProvided**: `boolean`
- **isCustomThumbProvided**: `boolean`
- **max**: `number`
- **min**: `number`
- **orientation**: `MultiSliderOrientation`
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **rangeThumbBrush**: `string`
- **rangeThumbOutline**: `string`
- **rangeThumbRidgesBrush**: `string`
- **rangeThumbStrokeThickness**: `number`
- **resolvingToolTipValue**: `EventEmitter<any>`
- **startInset**: `number`
- **step**: `number`
- **thumbBrush**: `string`
- **thumbCalloutTextStyle**: `string`
- **thumbHeight**: `number`
- **thumbOutline**: `string`
- **thumbRidgesBrush**: `string`
- **thumbs**: `IgxMultiSliderThumbCollection` — Gets the column definitions that are assigned to the grid. This collection can be modified to add or remove columns in the grid.
- **thumbStrokeThickness**: `number`
- **thumbValueChanged**: `EventEmitter<any>`
- **thumbValueChanging**: `EventEmitter<any>`
- **thumbWidth**: `number`
- **trackEndInset**: `number`
- **trackStartInset**: `number`
- **windowRect**: `IgRect`
- **yMax**: `number`
- **yMin**: `number`
- **yStep**: `number`
- **yTrackEndInset**: `number`
- **yTrackStartInset**: `number`
- **yValue**: `number`
- **yValueChanged**: `EventEmitter<any>`
- **yValueChanging**: `EventEmitter<any>`
- **findByName**(name: string): any
- **flush**(): void
- **hide**(): void — Hides the ZoomSlider.
- **ngOnInit**(): void — A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- **show**(): void — Shows the ZoomSlider.
- **trackDirty**(): void
- static **_createFromInternal**(internal: any): IgxMultiSliderComponent

### [IgxMultiSliderResolvingToolTipValueEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderResolvingToolTipValueEventArgs)

- **constructor**(): IgxMultiSliderResolvingToolTipValueEventArgs
- static **ngAcceptInputType_position**: `string | number`
- **position**: `number`
- **value**: `any`

### [IgxMultiSliderThumb](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderThumb)

- **constructor**(): IgxMultiSliderThumb
- static **ngAcceptInputType_rangePosition**: `string | MultiSliderThumbRangePosition`
- static **ngAcceptInputType_value**: `string | number`
- **propertyUpdated**: `EventEmitter<any>`
- **range**: `IgxMultiSliderTrackThumbRange`
- **rangePosition**: `MultiSliderThumbRangePosition`
- **value**: `number`
- **findByName**(name: string): any
- **push**(amount: number): number

### [IgxMultiSliderThumbCollection](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderThumbCollection)

- **constructor**(list?: IgxMultiSliderThumb[]): IgxMultiSliderThumbCollection

### [IgxMultiSliderThumbValueChangingEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderThumbValueChangingEventArgs)

- **constructor**(): IgxMultiSliderThumbValueChangingEventArgs
- static **ngAcceptInputType_value**: `string | number`
- **thumb**: `IgxMultiSliderThumb`
- **value**: `number`

### [IgxMultiSliderTrackThumbRange](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderTrackThumbRange)

- **constructor**(): IgxMultiSliderTrackThumbRange
- static **ngAcceptInputType_maxWidth**: `string | number`
- static **ngAcceptInputType_minWidth**: `string | number`
- static **ngAcceptInputType_position**: `string | number`
- static **ngAcceptInputType_width**: `string | number`
- **higherThumb**: `IgxMultiSliderThumb`
- **lowerThumb**: `IgxMultiSliderThumb`
- **maxWidth**: `number`
- **minWidth**: `number`
- **position**: `number`
- **width**: `number`
- **findByName**(name: string): any

### [IgxMultiSliderYValueChangingEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxMultiSliderYValueChangingEventArgs)

- **constructor**(): IgxMultiSliderYValueChangingEventArgs
- static **ngAcceptInputType_value**: `string | number`
- **value**: `number`

### [IgxSelectedValueChangedEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxSelectedValueChangedEventArgs)

- **constructor**(): IgxSelectedValueChangedEventArgs
- **newValue**: `Date`
- **oldValue**: `Date`

### [IgxXButtonComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXButtonComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXButtonComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_actualBorderWidth**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_actualDensity**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_actualDisabledElevation**: `string | number`
- static **ngAcceptInputType_actualDisableRipple**: `string | boolean`
- static **ngAcceptInputType_actualElevationMode**: `string | ElevationMode`
- static **ngAcceptInputType_actualFocusElevation**: `string | number`
- static **ngAcceptInputType_actualHoverElevation**: `string | number`
- static **ngAcceptInputType_actualRestingElevation**: `string | number`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_borderWidth**: `string | number`
- static **ngAcceptInputType_clickTunneling**: `string | boolean`
- static **ngAcceptInputType_contentPaddingBottom**: `string | number`
- static **ngAcceptInputType_contentPaddingLeft**: `string | number`
- static **ngAcceptInputType_contentPaddingRight**: `string | number`
- static **ngAcceptInputType_contentPaddingTop**: `string | number`
- static **ngAcceptInputType_cornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_cornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_cornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_cornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_disabledElevation**: `string | number`
- static **ngAcceptInputType_disableHover**: `string | boolean`
- static **ngAcceptInputType_disablePointer**: `string | boolean`
- static **ngAcceptInputType_disableRipple**: `string | boolean`
- static **ngAcceptInputType_disableTransitions**: `string | boolean`
- static **ngAcceptInputType_displayType**: `string | ButtonDisplayStyle`
- static **ngAcceptInputType_elevationMode**: `string | ElevationMode`
- static **ngAcceptInputType_fabBorderWidth**: `string | number`
- static **ngAcceptInputType_fabCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_fabCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_fabCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_fabCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_fabDisabledElevation**: `string | number`
- static **ngAcceptInputType_fabFocusElevation**: `string | number`
- static **ngAcceptInputType_fabHoverElevation**: `string | number`
- static **ngAcceptInputType_fabRestingElevation**: `string | number`
- static **ngAcceptInputType_fillAvailableSpace**: `string | boolean`
- static **ngAcceptInputType_flatBorderWidth**: `string | number`
- static **ngAcceptInputType_flatCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_flatCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_flatCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_flatCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_flatDisabledElevation**: `string | number`
- static **ngAcceptInputType_flatFocusElevation**: `string | number`
- static **ngAcceptInputType_flatHoverElevation**: `string | number`
- static **ngAcceptInputType_flatRestingElevation**: `string | number`
- static **ngAcceptInputType_focused**: `string | boolean`
- static **ngAcceptInputType_focusElevation**: `string | number`
- static **ngAcceptInputType_horizontalContentAlignment**: `string | HorizontalAlignment`
- static **ngAcceptInputType_hoverElevation**: `string | number`
- static **ngAcceptInputType_iconBorderWidth**: `string | number`
- static **ngAcceptInputType_iconCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_iconCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_iconCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_iconCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_iconDisabledElevation**: `string | number`
- static **ngAcceptInputType_iconFocusElevation**: `string | number`
- static **ngAcceptInputType_iconHoverElevation**: `string | number`
- static **ngAcceptInputType_iconRestingElevation**: `string | number`
- static **ngAcceptInputType_isFocusStyleEnabled**: `string | boolean`
- static **ngAcceptInputType_isHover**: `string | boolean`
- static **ngAcceptInputType_minHeight**: `string | number`
- static **ngAcceptInputType_minWidth**: `string | number`
- static **ngAcceptInputType_outlinedBorderWidth**: `string | number`
- static **ngAcceptInputType_outlinedCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_outlinedCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_outlinedCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_outlinedCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_outlinedDisabledElevation**: `string | number`
- static **ngAcceptInputType_outlinedFocusElevation**: `string | number`
- static **ngAcceptInputType_outlinedHoverElevation**: `string | number`
- static **ngAcceptInputType_outlinedRestingElevation**: `string | number`
- static **ngAcceptInputType_raisedBorderWidth**: `string | number`
- static **ngAcceptInputType_raisedCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_raisedCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_raisedCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_raisedCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_raisedDisabledElevation**: `string | number`
- static **ngAcceptInputType_raisedFocusElevation**: `string | number`
- static **ngAcceptInputType_raisedHoverElevation**: `string | number`
- static **ngAcceptInputType_raisedRestingElevation**: `string | number`
- static **ngAcceptInputType_restingElevation**: `string | number`
- static **ngAcceptInputType_stopPropagation**: `string | boolean`
- static **ngAcceptInputType_tabIndex**: `string | number`
- static **ngAcceptInputType_verticalContentAlignment**: `string | VerticalAlignment`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualAmbientShadowColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualBackgroundColor**: `string` — Gets the color to use for the actual background.
- **actualBorderColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualBorderWidth**: `number` — Gets or sets the Width to use for the check mark when the checkbox is checked.
- **actualCornerRadiusBottomLeft**: `number`
- **actualCornerRadiusBottomRight**: `number`
- **actualCornerRadiusTopLeft**: `number`
- **actualCornerRadiusTopRight**: `number`
- **actualDensity**: `ControlDisplayDensity` — Gets the actual display density to use for the label.
- **actualDisabledBackgroundColor**: `string` — Gets the actual color to use for the disabled background of the button.
- **actualDisabledBorderColor**: `string` — Gets the actual color to use for the disabled border of the button.
- **actualDisabledElevation**: `number` — Gets the actual disabled elevation to use for the button.
- **actualDisabledTextColor**: `string` — Gets the actual color to use for the disabled text of the button.
- **actualDisableRipple**: `boolean` — Gets whether to actually disable the ripple effect for the button.
- **actualElevationMode**: `ElevationMode` — Gets the actual disabled elevation to use for the button.
- **actualFocusBackgroundColor**: `string` — Gets the color to use for the actual background.
- **actualFocusElevation**: `number` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualFocusTextColor**: `string` — Gets the actual color to use for the focused text.
- **actualHoverBackgroundColor**: `string` — Gets the hover color to use for the actual background.
- **actualHoverElevation**: `number` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualHoverTextColor**: `string` — Gets the color to use for the actual background.
- **actualPenumbraShadowColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualRestingElevation**: `number` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualRippleColor**: `string` — Gets or sets the color to use for the ripple when the button is pressed.
- **actualTextColor**: `string` — Gets the color to use for the actual background.
- **actualUmbraShadowColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **alignItems**: `string` — Gets or sets the id to use for the checkbox.
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **backgroundColor**: `string` — Gets or sets the color to use for the background when the button regardless of type.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the button.
- **borderColor**: `string` — Gets or sets the border color to use for the button regardless of type.
- **borderWidth**: `number` — Gets or sets the width to use for the button border regardless of type.
- **clicked**: `EventEmitter<any>`
- **clickTunneling**: `boolean` — Gets or sets if clicking on the button is allowed to tunnel down to button content.
- **contentPaddingBottom**: `number` — Gets or sets the bottom padding for the button content.
- **contentPaddingLeft**: `number` — Gets or sets the left padding for the button content.
- **contentPaddingRight**: `number` — Gets or sets the right padding for the button content.
- **contentPaddingTop**: `number` — Gets or sets the top padding for the button content.
- **cornerRadiusBottomLeft**: `number`
- **cornerRadiusBottomRight**: `number`
- **cornerRadiusTopLeft**: `number`
- **cornerRadiusTopRight**: `number`
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the button.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **disabledBackgroundColor**: `string` — Gets or sets the color to use for the disabled background of the button when the type is disabled.
- **disabledBorderColor**: `string` — Gets or sets the color to use for the disabled border of the button when the type is raised.
- **disabledElevation**: `number` — Gets or sets the disabled elevation to use for the button when the type is raised.
- **disabledTextColor**: `string` — Gets or sets the color to use for the disabled text of the button when the type is raised.
- **disableHover**: `boolean` — Gets or sets whether the hover effect is disabled.
- **disablePointer**: `boolean` — Gets or sets whether the cursor will change into a pointer when the button is hovered.
- **disableRipple**: `boolean` — Gets or sets whether to disable the ripple effect for the button.
- **disableTransitions**: `boolean` — Gets or sets whether the checkbox transitions are disabled.
- **display**: `string` — Gets or sets the id to use for the checkbox.
- **displayType**: `ButtonDisplayStyle` — Gets or sets the display style to use for the button.
- **elevationMode**: `ElevationMode` — Gets or sets the disabled elevation to use for the button when the type is raised.
- **fabBackgroundColor**: `string` — Gets or sets the color to use for the background of the button when the  type is floating action button.
- **fabBorderColor**: `string` — Gets or sets the border color to use for the button when the type is floating action button.
- **fabBorderWidth**: `number` — Gets or sets the width to use for the button border when the type is floating action button.
- **fabCornerRadiusBottomLeft**: `number`
- **fabCornerRadiusBottomRight**: `number`
- **fabCornerRadiusTopLeft**: `number`
- **fabCornerRadiusTopRight**: `number`
- **fabDisabledBackgroundColor**: `string` — Gets or sets the color to use for the disabled background of the button when the type is fab.
- **fabDisabledBorderColor**: `string` — Gets or sets the color to use for the disabled border of the button when the type is fab.
- **fabDisabledElevation**: `number` — Gets or sets the disabled elevation to use for the button when the type is fab.
- **fabDisabledTextColor**: `string` — Gets or sets the color to use for the disabled text of the button when the type is fab.
- **fabFocusBackgroundColor**: `string` — Gets or sets the color to use for the backround the button when it is focused and fab.
- **fabFocusElevation**: `number` — Gets or sets the focus elevation to use for the button when the type is floating action button.
- **fabFocusTextColor**: `string` — Gets or sets the color to use for the text the button when it is focused and fab.
- **fabHoverBackgroundColor**: `string` — Gets or sets the hover color to use for the background of the button when the  type is hoveredFab.
- **fabHoverElevation**: `number` — Gets or sets the hover elevation to use for the button when the type is floating action button.
- **fabHoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button when type is floating action button.
- **fabRestingElevation**: `number` — Gets or sets the elevation to use for the button when the type is floating action button.
- **fabRippleColor**: `string` — Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
- **fabTextColor**: `string` — Gets or sets the color to use for the text of the button when type is floating action button.
- **fillAvailableSpace**: `boolean` — Gets or sets whether the button should fill the available space. If false, the button
will use an intrinsic size.
- **flatBackgroundColor**: `string` — Gets or sets the color to use for the background of the button when the type is flat.
- **flatBorderColor**: `string` — Gets or sets the border color to use for the button when the type is flat.
- **flatBorderWidth**: `number` — Gets or sets the width to use for the button border when the type is flat.
- **flatCornerRadiusBottomLeft**: `number`
- **flatCornerRadiusBottomRight**: `number`
- **flatCornerRadiusTopLeft**: `number`
- **flatCornerRadiusTopRight**: `number`
- **flatDisabledBackgroundColor**: `string` — Gets or sets the color to use for the disabled background of the button when the type is flat.
- **flatDisabledBorderColor**: `string` — Gets or sets the color to use for the disabled border of the button when the type is flat.
- **flatDisabledElevation**: `number` — Gets or sets the disabled elevation to use for the button when the type is flat.
- **flatDisabledTextColor**: `string` — Gets or sets the color to use for the disabled text of the button when the type is flat.
- **flatFocusBackgroundColor**: `string` — Gets or sets the color to use for the backround the button when it is focused and flat.
- **flatFocusElevation**: `number` — Gets or sets the focus elevation to use for the button when the type is flat.
- **flatFocusTextColor**: `string` — Gets or sets the color to use for the text the button when it is focused and flat.
- **flatHoverBackgroundColor**: `string` — Gets or sets the hover color to use for the background of the button when the type is flat.
- **flatHoverElevation**: `number` — Gets or sets the hover elevation to use for the button when the type is flat.
- **flatHoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button when type is flat.
- **flatRestingElevation**: `number` — Gets or sets the elevation to use for the button when the type is flat.
- **flatRippleColor**: `string` — Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
- **flatTextColor**: `string` — Gets or sets the color to use for the text of the button when type is flat.
- **flexDirection**: `string` — Gets or sets the id to use for the checkbox.
- **flexGrow**: `string` — Gets or sets the flex-grow setting for the button.
- **focusBackgroundColor**: `string` — Gets or sets the color to use for the backround the button when it is focused.
- **focused**: `boolean` — Gets or sets if the checkbox is Focused.
- **focusElevation**: `number` — Gets or sets the focus elevation to use for the button regardless of type.
- **focusTextColor**: `string` — Gets or sets the color to use for the text of the button when it is focused.
- **gotFocus**: `EventEmitter<any>`
- **horizontalContentAlignment**: `HorizontalAlignment`
- **hoverBackgroundColor**: `string` — Gets or sets the hover color to use for the background of the button when the  type is hovered.
- **hoverElevation**: `number` — Gets or sets the hover elevation to use for the button regardless of type.
- **hoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button regardless of type.
- **iconBackgroundColor**: `string` — Gets or sets the color to use for the background of the button when the  type is icon.
- **iconBorderColor**: `string` — Gets or sets the border color to use for the button when the type is icon.
- **iconBorderWidth**: `number` — Gets or sets the width to use for the button border when the type is icon.
- **iconCornerRadiusBottomLeft**: `number`
- **iconCornerRadiusBottomRight**: `number`
- **iconCornerRadiusTopLeft**: `number`
- **iconCornerRadiusTopRight**: `number`
- **iconDisabledBackgroundColor**: `string` — Gets or sets the color to use for the disabled background of the button when the type is icon.
- **iconDisabledBorderColor**: `string` — Gets or sets the color to use for the disabled border of the button when the type is icon.
- **iconDisabledElevation**: `number` — Gets or sets the disabled elevation to use for the button when the type is icon.
- **iconDisabledTextColor**: `string` — Gets or sets the color to use for the disabled text of the button when the type is icon.
- **iconFocusBackgroundColor**: `string` — Gets or sets the color to use for the backround the button when it is focused and icon.
- **iconFocusElevation**: `number` — Gets or sets the focus elevation to use for the button when the type is icon.
- **iconFocusTextColor**: `string` — Gets or sets the color to use for the text the button when it is focused and icon.
- **iconHoverBackgroundColor**: `string` — Gets or sets the hover color to use for the background of the button when the  type is hoveredIcon.
- **iconHoverElevation**: `number` — Gets or sets the hover elevation to use for the button when the type is icon.
- **iconHoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button when type is icon.
- **iconRestingElevation**: `number` — Gets or sets the elevation to use for the button when the type is icon.
- **iconRippleColor**: `string` — Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
- **iconTextColor**: `string` — Gets or sets the color to use for the text of the button when type is icon.
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **inputId**: `string` — Gets or sets the id to use for the internal native checkbox.
- **isFocusStyleEnabled**: `boolean` — Gets or sets if the button show use styling to show focus.
- **isHover**: `boolean` — Gets or sets whether the checkbox is checked.
- **lostFocus**: `EventEmitter<any>`
- **minHeight**: `number` — Gets or sets the min height to use for the button.
- **minWidth**: `number` — Gets or sets the min width to use for the button.
- **name**: `string` — Gets or sets name to use for the button.
- **outlinedBackgroundColor**: `string` — Gets or sets the color to use for the background of the button when the  type is outlined.
- **outlinedBorderColor**: `string` — Gets or sets the border color to use for the button when the type is outlined.
- **outlinedBorderWidth**: `number` — Gets or sets the width to use for the button border when the type is outlined.
- **outlinedCornerRadiusBottomLeft**: `number`
- **outlinedCornerRadiusBottomRight**: `number`
- **outlinedCornerRadiusTopLeft**: `number`
- **outlinedCornerRadiusTopRight**: `number`
- **outlinedDisabledBackgroundColor**: `string` — Gets or sets the color to use for the disabled background of the button when the type is outlined.
- **outlinedDisabledBorderColor**: `string` — Gets or sets the color to use for the disabled border of the button when the type is outlined.
- **outlinedDisabledElevation**: `number` — Gets or sets the disabled elevation to use for the button when the type is outlined.
- **outlinedDisabledTextColor**: `string` — Gets or sets the color to use for the disabled text of the button when the type is outlined.
- **outlinedFocusBackgroundColor**: `string` — Gets or sets the color to use for the backround the button when it is focused and outlined.
- **outlinedFocusElevation**: `number` — Gets or sets the focus elevation to use for the button when the type is outlined.
- **outlinedFocusTextColor**: `string` — Gets or sets the color to use for the text the button when it is focused and outlined.
- **outlinedHoverBackgroundColor**: `string` — Gets or sets the hover color to use for the background of the button when the  type is hoveredOutlined.
- **outlinedHoverElevation**: `number` — Gets or sets the hover elevation to use for the button when the type is outlined.
- **outlinedHoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button when type is outlined.
- **outlinedRestingElevation**: `number` — Gets or sets the elevation to use for the button when the type is outlined.
- **outlinedRippleColor**: `string` — Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
- **outlinedTextColor**: `string` — Gets or sets the color to use for the text of the button when type is outlined.
- **raisedBackgroundColor**: `string` — Gets or sets the color to use for the background of the button when the  type is raised.
- **raisedBorderColor**: `string` — Gets or sets the border color to use for the button when the type is raised.
- **raisedBorderWidth**: `number` — Gets or sets the width to use for the button border when the type is raised.
- **raisedCornerRadiusBottomLeft**: `number`
- **raisedCornerRadiusBottomRight**: `number`
- **raisedCornerRadiusTopLeft**: `number`
- **raisedCornerRadiusTopRight**: `number`
- **raisedDisabledBackgroundColor**: `string` — Gets or sets the color to use for the disabled background of the button when the type is raised.
- **raisedDisabledBorderColor**: `string` — Gets or sets the color to use for the disabled border of the button when the type is raised.
- **raisedDisabledElevation**: `number` — Gets or sets the disabled elevation to use for the button when the type is raised.
- **raisedDisabledTextColor**: `string` — Gets or sets the color to use for the disabled text of the button when the type is raised.
- **raisedFocusBackgroundColor**: `string` — Gets or sets the color to use for the backround the button when it is focused and raised.
- **raisedFocusElevation**: `number` — Gets or sets the focus elevation to use for the button when the type is raised.
- **raisedFocusTextColor**: `string` — Gets or sets the color to use for the text the button when it is focused and raised.
- **raisedHoverBackgroundColor**: `string` — Gets or sets the hover color to use for the background of the button when the  type is raised.
- **raisedHoverElevation**: `number` — Gets or sets the hover elevation to use for the button when the type is raised.
- **raisedHoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button when type is raised.
- **raisedRestingElevation**: `number` — Gets or sets the elevation to use for the button when the type is raised.
- **raisedRippleColor**: `string` — Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
- **raisedTextColor**: `string` — Gets or sets the color to use for the text of the button when type is raised.
- **restingElevation**: `number` — Gets or sets the elevation to use for the button regardless of type.
- **rippleColor**: `string` — Gets or sets the color to use for the background of the button regardless of type.
- **stopPropagation**: `boolean` — Gets or sets whether mouse events on the button will bubble up to parent elements.
- **tabIndex**: `number` — Gets or sets TabIndex to use for the checkbox.
- **textColor**: `string` — Gets or sets the color to use for the text of the button regardless of type.
- **textStyle**: `string` — Gets or sets the use for the button.
- **value**: `any` — Gets or sets value to use for the checkbox.
- **verticalContentAlignment**: `VerticalAlignment`
- **ensureActualCornerRadius**(): void
- **ensureCornerRadius**(): void
- **ensureFabCornerRadius**(): void
- **ensureFlatCornerRadius**(): void
- **ensureIconCornerRadius**(): void
- **ensureOutlinedCornerRadius**(): void
- **ensureRaisedCornerRadius**(): void
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **findByName**(name: string): any
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgxXButtonComponent

### [IgxXButtonGroupButtonCollection](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXButtonGroupButtonCollection)

- **constructor**(list?: IgxXButtonComponent[]): IgxXButtonGroupButtonCollection

### [IgxXButtonGroupComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXButtonGroupComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXButtonGroupComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **actualButtons**: `IgxXButtonComponent[]` — The style mappings actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing stye mappings from the manual style mapping collection on the styleMappings property.
- **container**: `Element`
- **contentButtons**: `QueryList<IgxXButtonComponent>`
- static **ngAcceptInputType_actualDensity**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_actualItemBorderWidth**: `string | number`
- static **ngAcceptInputType_actualItemCornerRadius**: `string | number`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_displayType**: `string | ButtonGroupDisplayStyle`
- static **ngAcceptInputType_flatItemBorderWidth**: `string | number`
- static **ngAcceptInputType_flatItemCornerRadius**: `string | number`
- static **ngAcceptInputType_isMultiSelect**: `string | boolean`
- static **ngAcceptInputType_itemBorderWidth**: `string | number`
- static **ngAcceptInputType_itemCornerRadius**: `string | number`
- static **ngAcceptInputType_orientation**: `string | ButtonGroupOrientation`
- static **ngAcceptInputType_outlinedItemBorderWidth**: `string | number`
- static **ngAcceptInputType_outlinedItemCornerRadius**: `string | number`
- static **ngAcceptInputType_selectedIndices**: `string | number[]`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualDensity**: `ControlDisplayDensity` — Gets the actual display density to use for the button group.
- **actualItemBackgroundColor**: `string` — Gets the actual item background color.
- **actualItemBorderColor**: `string` — Gets the actual item border color.
- **actualItemBorderWidth**: `number` — Gets the actual item border width.
- **actualItemCornerRadius**: `number` — Gets the actual item corner radius for the appropriate corners.
- **actualItemDisabledBackgroundColor**: `string` — Gets the actual item background color.
- **actualItemDisabledBorderColor**: `string` — Gets the actual item border color.
- **actualItemDisabledTextColor**: `string` — Gets the actual item text color.
- **actualItemHoverBackgroundColor**: `string` — Gets the actual item hovered background color.
- **actualItemHoverTextColor**: `string` — Gets the actual item text color.
- **actualItemTextColor**: `string` — Gets the actual item text color.
- **actualSelectedItemBackgroundColor**: `string` — Gets the actual selected item background color.
- **actualSelectedItemHoverBackgroundColor**: `string` — Gets the actual selected item hovered background color.
- **actualSelectedItemHoverTextColor**: `string` — Gets the actual selected item hovered text color.
- **actualSelectedItemTextColor**: `string` — Gets the stroke actual selected item text color.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the button group.
- **buttons**: `IgxXButtonGroupButtonCollection` — A collection or manually added axes for the chart.
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the button group.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **displayType**: `ButtonGroupDisplayStyle` — Gets or sets the display style to use for the button.
- **flatItemBackgroundColor**: `string` — Gets or sets the color to use the background of the buttons in the group when type is flat.
- **flatItemBorderColor**: `string` — Gets or sets the color to use the border of the buttons in the group when type is flat.
- **flatItemBorderWidth**: `number` — Gets or sets the border width to use for the buttons in the group when type is flat.
- **flatItemCornerRadius**: `number` — Gets or sets the corner radius to use for the appropriate corners for the flat type item buttons.
- **flatItemDisabledBackgroundColor**: `string` — Gets or sets the disabled color to use the background of the buttons in the group when type is flat.
- **flatItemDisabledBorderColor**: `string` — Gets or sets the disabled color to use the border of the buttons in the group when type is flat.
- **flatItemDisabledTextColor**: `string` — Gets or sets the disabled color to use the text of the buttons in the group when type is flat.
- **flatItemHoverBackgroundColor**: `string` — Gets or sets the color to use the hovered background of the buttons in the group when type is flat.
- **flatItemHoverTextColor**: `string` — Gets or sets the color to use the hovered text of the buttons in the group when type is flat.
- **flatItemTextColor**: `string` — Gets or sets the color to use the text of the buttons in the group when type is flat.
- **flatSelectedItemBackgroundColor**: `string` — Gets or sets the color to use the background of the buttons in the group that are selected when type is flat.
- **flatSelectedItemHoverBackgroundColor**: `string` — Gets or sets the color to use the hovered background of the buttons in the group that are selected when type is flat.
- **flatSelectedItemHoverTextColor**: `string` — Gets or sets the color to use the hovered text of the buttons in the group that are selected when type is flat.
- **flatSelectedItemTextColor**: `string` — Gets or sets the color to use the text of the buttons in the group that are selected when type is flat.
- **i**: `XButtonGroup`
- **id**: `string` — Gets or sets the id to use for the button group.
- **isMultiSelect**: `boolean` — Gets or sets whether the group supports multi-select.
- **itemBackgroundColor**: `string` — Gets or sets the color to use the background of the buttons in the group.
- **itemBorderColor**: `string` — Gets or sets the color to use the border of the buttons in the group.
- **itemBorderWidth**: `number` — Gets or sets the border width to use for the buttons in the group.
- **itemCornerRadius**: `number` — Gets or sets the corner radius to use for the appropriate corners for the item buttons.
- **itemDisabledBackgroundColor**: `string` — Gets or sets the disabled color to use the background of the buttons in the group.
- **itemDisabledBorderColor**: `string` — Gets or sets the disabled color to use the border of the buttons in the group.
- **itemDisabledTextColor**: `string` — Gets or sets the disabled color to use the text of the buttons in the group.
- **itemHoverBackgroundColor**: `string` — Gets or sets the color to use the hovered background of the buttons in the group.
- **itemHoverTextColor**: `string` — Gets or sets the color to use the hovered text of the buttons in the group.
- **itemTextColor**: `string` — Gets or sets the color to use the text of the buttons in the group.
- **orientation**: `ButtonGroupOrientation` — Gets or sets the oreientation to use the button group when type is outlined.
- **outlinedItemBackgroundColor**: `string` — Gets or sets the color to use the background of the buttons in the group when type is outlined.
- **outlinedItemBorderColor**: `string` — Gets or sets the color to use the border of the buttons in the group when type is outlined.
- **outlinedItemBorderWidth**: `number` — Gets or sets the border width to use for the buttons in the group when type is outlined.
- **outlinedItemCornerRadius**: `number` — Gets or sets the corner radius to use for the appropriate corners for the outlined type item buttons.
- **outlinedItemDisabledBackgroundColor**: `string` — Gets or sets the disabled color to use the background of the buttons in the group when type is outlined.
- **outlinedItemDisabledBorderColor**: `string` — Gets or sets the disabled color to use the border of the buttons in the group when type is outlined.
- **outlinedItemDisabledTextColor**: `string` — Gets or sets the disabled color to use the text of the buttons in the group when type is outlined.
- **outlinedItemHoverBackgroundColor**: `string` — Gets or sets the color to use the hovered background of the buttons in the group when type is outlined.
- **outlinedItemHoverTextColor**: `string` — Gets or sets the color to use the hovered text of the buttons in the group when type is outlined.
- **outlinedItemTextColor**: `string` — Gets or sets the color to use the text of the buttons in the group when type is outlined.
- **outlinedSelectedItemBackgroundColor**: `string` — Gets or sets the color to use the background of the buttons in the group that are selected when type is outlined.
- **outlinedSelectedItemHoverBackgroundColor**: `string` — Gets or sets the color to use the hovered background of the buttons in the group that are selected when type is outlined.
- **outlinedSelectedItemHoverTextColor**: `string` — Gets or sets the color to use the hovered text of the buttons in the group that are selected when type is outlined.
- **outlinedSelectedItemTextColor**: `string` — Gets or sets the color to use the text of the buttons in the group that are selected when type is outlined.
- **selectedIndices**: `number[]` — Gets the currently selected button indices.
- **selectedItemBackgroundColor**: `string` — Gets or sets the color to use the background of the buttons in the group that are selected.
- **selectedItemHoverBackgroundColor**: `string` — Gets or sets the color to use the hovered background of the buttons in the group that are selected.
- **selectedItemHoverTextColor**: `string` — Gets or sets the color to use the hovered text of the buttons in the group that are selected.
- **selectedItemTextColor**: `string` — Gets or sets the color to use the text of the buttons in the group that are selected.
- **selectionChanged**: `EventEmitter<any>`
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **findByName**(name: string): any
- **ngAfterContentInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of all of the directive's
content.
It is invoked only once when the directive is instantiated.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXCalendarComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXCalendarComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXCalendarComponent
- **_calendarContainer**: `ElementRef`
- **container**: `Element`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_firstDayOfWeek**: `string | DayOfWeek`
- static **ngAcceptInputType_firstWeekOfYear**: `string | FirstWeek`
- static **ngAcceptInputType_showTodayButton**: `string | boolean`
- static **ngAcceptInputType_showWeekNumbers**: `string | boolean`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **backgroundColor**: `string` — Gets or Sets the selected date background color
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the calendar.
- **currentDateBorderColor**: `string` — Gets or Sets the current date text color
- **currentDateTextColor**: `string` — Gets or Sets the current date text color
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the calendar.
- **firstDayOfWeek**: `DayOfWeek` — Gets or sets the FirstDayOfWeek property to detirmine first day of the week
- **firstWeekOfYear**: `FirstWeek` — Gets or sets the FirstWeekOfYear property to detirmine first week of the year
- **focusDateBackgroundColor**: `string` — Gets or Sets the focus date background color
- **focusDateTextColor**: `string` — Gets or Sets the focus date text color
- **height**: `string`
- **hoverBackgroundColor**: `string` — Gets or Sets the focus date background color
- **i**: `XCalendar`
- **maxDate**: `Date` — Gets or Sets the property name that contains the MaxDate.
- **minDate**: `Date` — Gets or Sets the property name that contains the MinDate.
- **selectedDateBackgroundColor**: `string` — Gets or Sets the selected date background color
- **selectedDateTextColor**: `string` — Gets or Sets the selected date text color
- **selectedFocusDateBackgroundColor**: `string` — Gets or Sets the selected date background color
- **selectedValueChanged**: `EventEmitter<any>` — Called when date is selected.
- **showTodayButton**: `boolean` — Gets or sets the ShowTodayButton property to detirmine if the today button is shown
- **showWeekNumbers**: `boolean` — Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
- **textColor**: `string` — Gets or Sets the selected date text color
- **textStyle**: `string` — Gets or sets the font to use for the combobox.
- **today**: `Date` — Gets or Sets the property name that contains the values.
- **value**: `Date` — Gets or Sets the value for the calendar.
- **valueChange**: `EventEmitter<Date>`
- **width**: `string`
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **updateStyle**(): void

### [IgxXCheckboxComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXCheckboxComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXCheckboxComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_actualBorderWidth**: `string | number`
- static **ngAcceptInputType_actualCornerRadius**: `string | number`
- static **ngAcceptInputType_actualTickStrokeWidth**: `string | number`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_borderWidth**: `string | number`
- static **ngAcceptInputType_checked**: `string | boolean`
- static **ngAcceptInputType_cornerRadius**: `string | number`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_disableRipple**: `string | boolean`
- static **ngAcceptInputType_disableTransitions**: `string | boolean`
- static **ngAcceptInputType_focused**: `string | boolean`
- static **ngAcceptInputType_indeterminate**: `string | boolean`
- static **ngAcceptInputType_labelPosition**: `string | CheckboxLabelPosition`
- static **ngAcceptInputType_required**: `string | number`
- static **ngAcceptInputType_tabIndex**: `string | number`
- static **ngAcceptInputType_tickStrokeWidth**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualBorderWidth**: `number` — Gets or sets the Width to use for the check mark when the checkbox is checked.
- **actualCheckedBackgroundColor**: `string` — Gets or sets the color to use for the actual background when the checkbox is checked.
- **actualCheckedBorderColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualCornerRadius**: `number` — Gets the actual corner radius to use for the checkbox.
- **actualTickColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **actualTickStrokeWidth**: `number` — Gets or sets the stroke width to use for the check mark.
- **actualUncheckedBackgroundColor**: `string` — Gets or sets the color to use for the actual background when the checkbox is unchecked.
- **actualUncheckedBorderColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **ariaLabelledBy**: `string` — Gets or sets the value of the aria-labelledby attribute.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the checkbox.
- **borderWidth**: `number` — Gets or sets the Width to use for the check mark when the checkbox is checked.
- **change**: `EventEmitter<any>`
- **checked**: `boolean` — Gets or sets whether the checkbox is checked.
- **checkedBackgroundColor**: `string` — Gets or sets the color to use for the background when the checkbox is checked.
- **checkedBorderColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **cornerRadius**: `number` — Gets or sets the corner radius to use for the checkbox.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **disableRipple**: `boolean` — Gets or sets whether to disable the ripple effect for the checkbox.
- **disableTransitions**: `boolean` — Gets or sets whether the checkbox transitions are disabled.
- **focused**: `boolean` — Gets or sets if the checkbox is Focused.
- **i**: `XCheckbox`
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **indeterminate**: `boolean` — Gets or sets whether the checkbox is indeterminate.
- **inputId**: `string` — Gets or sets the id to use for the internal native checkbox.
- **labelId**: `string` — Gets or sets id to use for the checkbox label.
- **labelPosition**: `CheckboxLabelPosition` — Gets or sets LabelPosition to use for the checkbox.
- **name**: `string` — Gets or sets name to use for the checkbox.
- **required**: `number` — Gets or sets if the checkbox is required.
- **tabIndex**: `number` — Gets or sets TabIndex to use for the checkbox.
- **tickColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is checked.
- **tickStrokeWidth**: `number` — Gets or sets the corner radius to use for the checkbox.
- **uncheckedBackgroundColor**: `string` — Gets or sets the color to use for the background when the checkbox is unchecked.
- **uncheckedBorderColor**: `string` — Gets or sets the color to use for the check mark when the checkbox is unchecked.
- **value**: `any` — Gets or sets value to use for the checkbox.
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **findByName**(name: string): any
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXDatePickerComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXDatePickerComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXDatePickerComponent
- **_datePickerContainer**: `ElementRef`
- **container**: `Element`
- static **ngAcceptInputType_allowTextInput**: `string | boolean`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_dateFormat**: `string | DateFormats`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_firstDayOfWeek**: `string | DayOfWeek`
- static **ngAcceptInputType_firstWeekOfYear**: `string | FirstWeek`
- static **ngAcceptInputType_isDisabled**: `string | boolean`
- static **ngAcceptInputType_isFixed**: `string | boolean`
- static **ngAcceptInputType_openAsChild**: `string | boolean`
- static **ngAcceptInputType_openOnFocus**: `string | boolean`
- static **ngAcceptInputType_showClearButton**: `string | boolean`
- static **ngAcceptInputType_showTodayButton**: `string | boolean`
- static **ngAcceptInputType_showWeekNumbers**: `string | boolean`
- static **ngAcceptInputType_useTopLayer**: `string | boolean`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **allowTextInput**: `boolean` — Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the date picker.
- **changing**: `EventEmitter<any>`
- **dateFormat**: `DateFormats` — Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the date pcicker.
- **firstDayOfWeek**: `DayOfWeek` — Gets or sets the FirstDayOfWeek property to detirmine first day of the week
- **firstWeekOfYear**: `FirstWeek` — Gets or sets the FirstWeekOfYear property to detirmine first week of the year
- **formatString**: `string` — Gets or sets the Format property to detirmine the format of the date in the input
- **gotFocus**: `EventEmitter<any>`
- **height**: `string`
- **i**: `XDatePicker`
- **iconColor**: `string` — Gets or Sets the text color
- **isDisabled**: `boolean`
- **isFixed**: `boolean` — Indicates that the calendar dropdown will position itself relative to the window instead of the document.
- **keyDown**: `EventEmitter<any>`
- **label**: `string` — Gets or Sets the property name that contains the label.
- **labelTextColor**: `string` — Gets or sets the color to use for the text.
- **labelTextStyle**: `string` — Gets or sets the font to use for the combobox.
- **lostFocus**: `EventEmitter<any>`
- **maxDate**: `Date` — Gets or Sets the property name that contains the MaxDate.
- **minDate**: `Date` — Gets or Sets the property name that contains the MinDate.
- **openAsChild**: `boolean` — Indicates that the dropdown should open as a child of the date picker.
- **openOnFocus**: `boolean` — Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
- **placeholder**: `string` — Gets or Sets the property name that contains the placeholder.
- **selectedValueChanged**: `EventEmitter<any>` — Called when date is selected.
- **showClearButton**: `boolean` — Gets or sets the ShowClearButton property to detirmine if the clear button is shown
- **showTodayButton**: `boolean` — Gets or sets the ShowTodayButton property to detirmine if the today button is shown
- **showWeekNumbers**: `boolean` — Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
- **textColor**: `string` — Gets or Sets the text color
- **textStyle**: `string` — Gets or sets the font to use for the combobox.
- **today**: `Date` — Gets or Sets the property name that contains the values.
- **useTopLayer**: `boolean` — Indicates that the dropdown will place itself into the browser top layer.
- **value**: `Date` — Gets or Sets the property name that contains the values.
- **valueChange**: `EventEmitter<Date>`
- **width**: `string`
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **select**(): void
- **updateStyle**(): void

### [IgxXIconComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXIconComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXIconComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_actualStrokeWidth**: `string | number`
- static **ngAcceptInputType_actualViewBoxHeight**: `string | number`
- static **ngAcceptInputType_actualViewBoxLeft**: `string | number`
- static **ngAcceptInputType_actualViewBoxTop**: `string | number`
- static **ngAcceptInputType_actualViewBoxWidth**: `string | number`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_fillColors**: `string | string[]`
- static **ngAcceptInputType_height**: `string | number`
- static **ngAcceptInputType_hoverStrokeThickness**: `string | number`
- static **ngAcceptInputType_isHover**: `string | boolean`
- static **ngAcceptInputType_opacity**: `string | number`
- static **ngAcceptInputType_strokeColors**: `string | string[]`
- static **ngAcceptInputType_strokeWidth**: `string | number`
- static **ngAcceptInputType_sVGPaths**: `string | string[]`
- static **ngAcceptInputType_tabIndex**: `string | number`
- static **ngAcceptInputType_viewBoxHeight**: `string | number`
- static **ngAcceptInputType_viewBoxLeft**: `string | number`
- static **ngAcceptInputType_viewBoxTop**: `string | number`
- static **ngAcceptInputType_viewBoxWidth**: `string | number`
- static **ngAcceptInputType_width**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualFill**: `string` — Gets the fill color currently used by the icon.
- **actualStroke**: `string` — Gets the stroke color currently used by the icon.
- **actualStrokeWidth**: `number` — Gets the stroke width currently used by the icon.
- **actualTextColor**: `string` — Gets the text color currently used by the icon.
- **actualViewBoxHeight**: `number` — Gets the actual viewbox height for the svg icon.
- **actualViewBoxLeft**: `number` — Gets the actual viewbox left for the svg icon.
- **actualViewBoxTop**: `number` — Gets the actual viewbox top for the svg icon.
- **actualViewBoxWidth**: `number` — Gets the actual viewbox width for the svg icon.
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the button.
- **dataURL**: `string` — Gets or sets data url for the icon to use.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **fill**: `string` — Gets or sets the fill color to use for the icon.
- **fillColors**: `string[]` — Gets or sets a collection of fill colors to use in the icon.
These colors can be used by SVG elements that have been marked with the
ig-icon-fill-#
class where # is a number from 0 to count - 1.
- **height**: `number` — Gets or sets the height of the icon.
- **hoverFill**: `string` — Gets or sets the fill color to use when the icon is hovered.
- **hoverStroke**: `string` — Gets or sets the stroke color to use when the icon is hovered.
- **hoverStrokeThickness**: `number` — Gets or sets the stroke thickness to use when the icon is hovered.
- **hoverTextColor**: `string` — Gets or sets the text color to use when the icon is hovered.
- **i**: `XIcon`
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **isHover**: `boolean` — Gets or sets whether the icon is hovered.
- **opacity**: `number`
- **primaryFillColor**: `string` — Gets or sets a primary fill color for the icon.
This color is used by SVG elements that have been marked
with the
ig-icon-primary-fill
class.
- **primaryStrokeColor**: `string` — Gets or sets a primary stroke color for the icon.
This color is used by SVG elements that have been marked
with the
ig-icon-primary-stroke
class.
- **secondaryFillColor**: `string` — Gets or sets a secondary fill color for the icon.
This color is used by SVG elements that have been marked
with the
ig-icon-secondary-fill
class.
- **secondaryStrokeColor**: `string` — Gets or sets a secondary stroke color for the icon.
This color is used by SVG elements that have been marked
with the
ig-icon-secondary-stroke
class.
- **source**: `any` — Gets or sets the image source for the icon. Used if none of the other icon types are not used.
- **stroke**: `string` — Gets or sets the stroke color to use for the icon.
- **strokeColors**: `string[]` — Gets or sets a collection of stroke colors to use in the icon.
These colors can be used by SVG elements that have been marked with the
ig-icon-stroke-#
class where # is a number from 0 to count - 1.
- **strokeWidth**: `number` — Gets or sets the stroke thickness to use for the icon.
- **svg**: `string` — Gets or sets svg text for the icon to use.
- **svgPath**: `string` — Gets or sets path data for the icon to use.
- **sVGPaths**: `string[]` — Gets or sets an array of path data for the icon to use.
- **tabIndex**: `number` — Gets or sets TabIndex to use for the checkbox.
- **textColor**: `string` — Gets or sets the text color to use for the icon.
- **textStyle**: `string` — Gets or sets the use for the button.
- **viewBoxHeight**: `number` — Gets or sets the viewbox height for the svg icon.
- **viewBoxLeft**: `number` — Gets or sets the viewbox left for the svg icon.
- **viewBoxTop**: `number` — Gets or sets the viewbox top for the svg icon.
- **viewBoxWidth**: `number` — Gets or sets the viewbox width for the svg icon.
- **width**: `number` — Gets or sets the width of the icon.
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **findByName**(name: string): any
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXInputComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXInputComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXInputComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_actualDensity**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_hasValue**: `string | boolean`
- static **ngAcceptInputType_includeLiterals**: `string | boolean`
- static **ngAcceptInputType_isHover**: `string | boolean`
- static **ngAcceptInputType_readonly**: `string | boolean`
- static **ngAcceptInputType_selectionEnd**: `string | number`
- static **ngAcceptInputType_selectionStart**: `string | number`
- static **ngAcceptInputType_showSpinner**: `string | boolean`
- static **ngAcceptInputType_tabIndex**: `string | number`
- static **ngAcceptInputType_textAlignment**: `string | HorizontalAlignment`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualDensity**: `ControlDisplayDensity` — Gets the actual display density to use for the label.
- **actualHoverTextColor**: `string` — Gets the actual hover color to use for the text.
- **actualTextColor**: `string` — Gets the actual color to use for the text color.
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the button.
- **change**: `EventEmitter<any>`
- **changing**: `EventEmitter<any>`
- **compositionEnd**: `EventEmitter<any>`
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the input.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **for**: `string` — Gets or sets the for attribute to use for the input.
- **hasValue**: `boolean`
- **hoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button regardless of type.
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **includeLiterals**: `boolean` — Specifies if the bound value includes the formatting symbols.
- **inputType**: `string` — Gets or sets the type to use for the input.
- **isHover**: `boolean` — Gets or sets whether the input is hovered.
- **keyDown**: `EventEmitter<any>`
- **keyPress**: `EventEmitter<any>`
- **keyUp**: `EventEmitter<any>`
- **mask**: `string` — Gets/Sets the input mask for the input.
- **placeholder**: `string` — Gets or sets the placeholder to use for the input.
- **promptChar**: `string` — Gets/Sets the character representing a fillable spot in the input mask
- **readonly**: `boolean` — Gets or sets whether the checkbox is readonly.
- **selectionEnd**: `number` — Returns / Sets the end index of the selected text. When nothing is selected, this returns the position of the text input cursor (caret) inside of the input.
- **selectionStart**: `number` — Returns / Sets the beginning index of the selected text. When nothing is selected, this returns the position of the text input cursor (caret) inside of the input.
- **showSpinner**: `boolean`
- **tabIndex**: `number` — Gets or sets TabIndex to use for the checkbox.
- **textAlignment**: `HorizontalAlignment` — Gets or sets the alignment of the text.
- **textColor**: `string` — Gets or sets the color to use for the text.
- **textStyle**: `string` — Gets or sets the use for the button.
- **value**: `string` — Gets or sets the value for the input.
- **blur**(): void
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **select**(): void
- **setSelectionRange**(selectionStart: number, selectionEnd: number): void
- **updateStyle**(): void

### [IgxXInputGroupComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXInputGroupComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXInputGroupComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **actualInputs**: `IgxXInputGroupItemComponent[]` — The style mappings actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing stye mappings from the manual style mapping collection on the styleMappings property.
- **container**: `Element`
- **contentInputs**: `QueryList<IgxXInputGroupItemComponent>`
- static **ngAcceptInputType_actualBorderWidth**: `string | number`
- static **ngAcceptInputType_actualContentPaddingBottom**: `string | number`
- static **ngAcceptInputType_actualContentPaddingLeft**: `string | number`
- static **ngAcceptInputType_actualContentPaddingRight**: `string | number`
- static **ngAcceptInputType_actualContentPaddingTop**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_actualCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_actualDensity**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_actualFocusBorderWidth**: `string | number`
- static **ngAcceptInputType_actualFocusUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_actualFocusUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_actualHoverUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_actualHoverUnderlineWidth**: `string | number`
- static **ngAcceptInputType_actualIsExpanded**: `string | boolean`
- static **ngAcceptInputType_actualUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_actualUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_actualUnderlineRippleWidth**: `string | number`
- static **ngAcceptInputType_actualUnderlineWidth**: `string | number`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_borderTypeBorderWidth**: `string | number`
- static **ngAcceptInputType_borderTypeContentPaddingBottom**: `string | number`
- static **ngAcceptInputType_borderTypeContentPaddingLeft**: `string | number`
- static **ngAcceptInputType_borderTypeContentPaddingRight**: `string | number`
- static **ngAcceptInputType_borderTypeContentPaddingTop**: `string | number`
- static **ngAcceptInputType_borderTypeCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_borderTypeCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_borderTypeCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_borderTypeCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_borderTypeFocusBorderWidth**: `string | number`
- static **ngAcceptInputType_borderTypeFocusUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_borderTypeFocusUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_borderTypeHoverUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_borderTypeHoverUnderlineWidth**: `string | number`
- static **ngAcceptInputType_borderTypeUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_borderTypeUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_borderTypeUnderlineRippleWidth**: `string | number`
- static **ngAcceptInputType_borderTypeUnderlineWidth**: `string | number`
- static **ngAcceptInputType_borderWidth**: `string | number`
- static **ngAcceptInputType_boxTypeBorderWidth**: `string | number`
- static **ngAcceptInputType_boxTypeContentPaddingBottom**: `string | number`
- static **ngAcceptInputType_boxTypeContentPaddingLeft**: `string | number`
- static **ngAcceptInputType_boxTypeContentPaddingRight**: `string | number`
- static **ngAcceptInputType_boxTypeContentPaddingTop**: `string | number`
- static **ngAcceptInputType_boxTypeCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_boxTypeCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_boxTypeCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_boxTypeCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_boxTypeFocusBorderWidth**: `string | number`
- static **ngAcceptInputType_boxTypeFocusUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_boxTypeFocusUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_boxTypeHoverUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_boxTypeHoverUnderlineWidth**: `string | number`
- static **ngAcceptInputType_boxTypeUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_boxTypeUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_boxTypeUnderlineRippleWidth**: `string | number`
- static **ngAcceptInputType_boxTypeUnderlineWidth**: `string | number`
- static **ngAcceptInputType_contentPaddingBottom**: `string | number`
- static **ngAcceptInputType_contentPaddingLeft**: `string | number`
- static **ngAcceptInputType_contentPaddingRight**: `string | number`
- static **ngAcceptInputType_contentPaddingTop**: `string | number`
- static **ngAcceptInputType_cornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_cornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_cornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_cornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_displayType**: `string | InputGroupDisplayType`
- static **ngAcceptInputType_focusBorderWidth**: `string | number`
- static **ngAcceptInputType_focusUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_focusUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_hoverUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_hoverUnderlineWidth**: `string | number`
- static **ngAcceptInputType_inputHasValue**: `string | boolean`
- static **ngAcceptInputType_isExpanded**: `string | boolean`
- static **ngAcceptInputType_isFocused**: `string | boolean`
- static **ngAcceptInputType_isHovered**: `string | boolean`
- static **ngAcceptInputType_lineTypeBorderWidth**: `string | number`
- static **ngAcceptInputType_lineTypeContentPaddingBottom**: `string | number`
- static **ngAcceptInputType_lineTypeContentPaddingLeft**: `string | number`
- static **ngAcceptInputType_lineTypeContentPaddingRight**: `string | number`
- static **ngAcceptInputType_lineTypeContentPaddingTop**: `string | number`
- static **ngAcceptInputType_lineTypeCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_lineTypeCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_lineTypeCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_lineTypeCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_lineTypeFocusBorderWidth**: `string | number`
- static **ngAcceptInputType_lineTypeFocusUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_lineTypeFocusUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_lineTypeHoverUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_lineTypeHoverUnderlineWidth**: `string | number`
- static **ngAcceptInputType_lineTypeUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_lineTypeUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_lineTypeUnderlineRippleWidth**: `string | number`
- static **ngAcceptInputType_lineTypeUnderlineWidth**: `string | number`
- static **ngAcceptInputType_searchTypeBorderWidth**: `string | number`
- static **ngAcceptInputType_searchTypeContentPaddingBottom**: `string | number`
- static **ngAcceptInputType_searchTypeContentPaddingLeft**: `string | number`
- static **ngAcceptInputType_searchTypeContentPaddingRight**: `string | number`
- static **ngAcceptInputType_searchTypeContentPaddingTop**: `string | number`
- static **ngAcceptInputType_searchTypeCornerRadiusBottomLeft**: `string | number`
- static **ngAcceptInputType_searchTypeCornerRadiusBottomRight**: `string | number`
- static **ngAcceptInputType_searchTypeCornerRadiusTopLeft**: `string | number`
- static **ngAcceptInputType_searchTypeCornerRadiusTopRight**: `string | number`
- static **ngAcceptInputType_searchTypeFocusBorderWidth**: `string | number`
- static **ngAcceptInputType_searchTypeFocusUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_searchTypeFocusUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_searchTypeHoverUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_searchTypeHoverUnderlineWidth**: `string | number`
- static **ngAcceptInputType_searchTypeUnderlineOpacity**: `string | number`
- static **ngAcceptInputType_searchTypeUnderlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_searchTypeUnderlineRippleWidth**: `string | number`
- static **ngAcceptInputType_searchTypeUnderlineWidth**: `string | number`
- static **ngAcceptInputType_underlineOpacity**: `string | number`
- static **ngAcceptInputType_underlineRippleOpacity**: `string | number`
- static **ngAcceptInputType_underlineRippleWidth**: `string | number`
- static **ngAcceptInputType_underlineWidth**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualBackgroundColor**: `string` — Gets the actual opacity to use for the underline ripple element.
- **actualBorderColor**: `string` — Gets the actual item background color.
- **actualBorderWidth**: `number` — Gets the actual item border width.
- **actualContentPaddingBottom**: `number`
- **actualContentPaddingLeft**: `number`
- **actualContentPaddingRight**: `number`
- **actualContentPaddingTop**: `number`
- **actualCornerRadiusBottomLeft**: `number`
- **actualCornerRadiusBottomRight**: `number`
- **actualCornerRadiusTopLeft**: `number`
- **actualCornerRadiusTopRight**: `number`
- **actualDensity**: `ControlDisplayDensity` — Gets the actual display density to use for the input group.
- **actualFocusBorderColor**: `string` — Gets the actual item border color.
- **actualFocusBorderWidth**: `number` — Gets the actual item border width.
- **actualFocusUnderlineColor**: `string` — Gets the actual color to use for the underline element when focused.
- **actualFocusUnderlineOpacity**: `number` — Gets the actual opacity to use for the underline element when focused.
- **actualFocusUnderlineRippleOpacity**: `number` — Gets the actual opacity to use for the underline ripple element when focused.
- **actualHoverUnderlineColor**: `string` — Gets the actual color to use for the underline element.
- **actualHoverUnderlineOpacity**: `number` — Gets the actual opacity to use for the underline element when hovered.
- **actualHoverUnderlineWidth**: `number` — Gets the width to use for the underline element when hovered.
- **actualIsExpanded**: `boolean` — Gets or sets whether the input group is expanded or not.
- **actualUnderlineColor**: `string` — Gets the actual color to use for the underline element.
- **actualUnderlineOpacity**: `number` — Gets the actual opacity to use for the underline element.
- **actualUnderlineRippleColor**: `string` — Gets the actual color to use for the underline ripple element.
- **actualUnderlineRippleOpacity**: `number` — Gets the actual opacity to use for the underline ripple element.
- **actualUnderlineRippleWidth**: `number` — Gets the actual width to use for the underline element.
- **actualUnderlineWidth**: `number` — Gets the actual width to use for the underline element.
- **backgroundColor**: `string` — Gets or sets the background color to use for the input group.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the label.
- **borderColor**: `string` — Gets or sets the color to use the border of the input group.
- **borderTypeBackgroundColor**: `string` — Gets or sets the background color to use for the input group when type is border.
- **borderTypeBorderColor**: `string` — Gets or sets the color to use the border of the input group when type is border.
- **borderTypeBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when using type line.
- **borderTypeContentPaddingBottom**: `number`
- **borderTypeContentPaddingLeft**: `number`
- **borderTypeContentPaddingRight**: `number`
- **borderTypeContentPaddingTop**: `number`
- **borderTypeCornerRadiusBottomLeft**: `number`
- **borderTypeCornerRadiusBottomRight**: `number`
- **borderTypeCornerRadiusTopLeft**: `number`
- **borderTypeCornerRadiusTopRight**: `number`
- **borderTypeFocusBorderColor**: `string` — Gets or sets the focus color to use the border of the input group when type is border.
- **borderTypeFocusBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when focused when type is border.
- **borderTypeFocusUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is border.
- **borderTypeFocusUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is border.
- **borderTypeFocusUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when focused when type is border.
- **borderTypeHoverUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is border.
- **borderTypeHoverUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is border.
- **borderTypeHoverUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when hovered when type is border.
- **borderTypeUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is border.
- **borderTypeUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is border.
- **borderTypeUnderlineRippleColor**: `string` — Gets or sets the color to use for the underline ripple element when type is border.
- **borderTypeUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when type is border.
- **borderTypeUnderlineRippleWidth**: `number` — Gets or sets the width to use for the underline element when type is border.
- **borderTypeUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when type is border.
- **borderWidth**: `number` — Gets or sets the border width to use for the border of the item group.
- **boxTypeBackgroundColor**: `string` — Gets or sets the background color to use for the input group when type is box.
- **boxTypeBorderColor**: `string` — Gets or sets the color to use the border of the input group when type is box.
- **boxTypeBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when using type line.
- **boxTypeContentPaddingBottom**: `number`
- **boxTypeContentPaddingLeft**: `number`
- **boxTypeContentPaddingRight**: `number`
- **boxTypeContentPaddingTop**: `number`
- **boxTypeCornerRadiusBottomLeft**: `number`
- **boxTypeCornerRadiusBottomRight**: `number`
- **boxTypeCornerRadiusTopLeft**: `number`
- **boxTypeCornerRadiusTopRight**: `number`
- **boxTypeFocusBorderColor**: `string` — Gets or sets the focus color to use the border of the input group when type is box.
- **boxTypeFocusBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when focused when type is box.
- **boxTypeFocusUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is box.
- **boxTypeFocusUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is box.
- **boxTypeFocusUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when focused when type is box.
- **boxTypeHoverUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is box.
- **boxTypeHoverUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is box.
- **boxTypeHoverUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when hovered when type is box.
- **boxTypeUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is box.
- **boxTypeUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is box.
- **boxTypeUnderlineRippleColor**: `string` — Gets or sets the color to use for the underline ripple element when type is box.
- **boxTypeUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when type is box.
- **boxTypeUnderlineRippleWidth**: `number` — Gets or sets the width to use for the underline element when type is box.
- **boxTypeUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when type is box.
- **contentPaddingBottom**: `number`
- **contentPaddingLeft**: `number`
- **contentPaddingRight**: `number`
- **contentPaddingTop**: `number`
- **cornerRadiusBottomLeft**: `number`
- **cornerRadiusBottomRight**: `number`
- **cornerRadiusTopLeft**: `number`
- **cornerRadiusTopRight**: `number`
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the input group.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **displayType**: `InputGroupDisplayType` — Gets or sets the display style to use for the button.
- **focusBorderColor**: `string` — Gets or sets the color to use the hovered background of the inputs in the group.
- **focusBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when focused.
- **focusUnderlineColor**: `string` — Gets or sets the color to use for the underline element.
- **focusUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element.
- **focusUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when focused.
- **hoverUnderlineColor**: `string` — Gets or sets the color to use for the underline element.
- **hoverUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element.
- **hoverUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when hovered.
- **i**: `XInputGroup`
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **inputHasValue**: `boolean`
- **inputs**: `IgxXInputGroupInputCollection` — A collection or manually added axes for the chart.
- **isExpanded**: `boolean` — Gets or sets whether the input group is expanded or not.
- **isFocused**: `boolean` — Gets or sets whether the input group is hovered or not.
- **isHovered**: `boolean` — Gets or sets whether the input group is hovered or not.
- **lineTypeBackgroundColor**: `string` — Gets or sets the background color to use for the input group when type is line.
- **lineTypeBorderColor**: `string` — Gets or sets the color to use the border of the input group when type is line.
- **lineTypeBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when using type line.
- **lineTypeContentPaddingBottom**: `number`
- **lineTypeContentPaddingLeft**: `number`
- **lineTypeContentPaddingRight**: `number`
- **lineTypeContentPaddingTop**: `number`
- **lineTypeCornerRadiusBottomLeft**: `number`
- **lineTypeCornerRadiusBottomRight**: `number`
- **lineTypeCornerRadiusTopLeft**: `number`
- **lineTypeCornerRadiusTopRight**: `number`
- **lineTypeFocusBorderColor**: `string` — Gets or sets the focus color to use the border of the input group when type is line.
- **lineTypeFocusBorderWidth**: `number` — Gets or sets the border width to use for the border of the item group when focused when type is line.
- **lineTypeFocusUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is line.
- **lineTypeFocusUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is line.
- **lineTypeFocusUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when focused when type is line.
- **lineTypeHoverUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is line.
- **lineTypeHoverUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is line.
- **lineTypeHoverUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when hovered when type is line.
- **lineTypeUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is line.
- **lineTypeUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is line.
- **lineTypeUnderlineRippleColor**: `string` — Gets or sets the color to use for the underline ripple element when type is line.
- **lineTypeUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when type is line.
- **lineTypeUnderlineRippleWidth**: `number` — Gets or sets the width to use for the underline element when type is line.
- **lineTypeUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when type is line.
- **searchTypeBackgroundColor**: `string` — Gets or sets the background color to use for the input group when type is search.
- **searchTypeBorderColor**: `string` — Gets or sets the color to use the search of the input group when type is search.
- **searchTypeBorderWidth**: `number` — Gets or sets the search width to use for the border of the item group when using type line.
- **searchTypeContentPaddingBottom**: `number`
- **searchTypeContentPaddingLeft**: `number`
- **searchTypeContentPaddingRight**: `number`
- **searchTypeContentPaddingTop**: `number`
- **searchTypeCornerRadiusBottomLeft**: `number`
- **searchTypeCornerRadiusBottomRight**: `number`
- **searchTypeCornerRadiusTopLeft**: `number`
- **searchTypeCornerRadiusTopRight**: `number`
- **searchTypeFocusBorderColor**: `string` — Gets or sets the focus color to use the search of the input group when type is search.
- **searchTypeFocusBorderWidth**: `number` — Gets or sets the search width to use for the border of the item group when focused when type is search.
- **searchTypeFocusUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is search.
- **searchTypeFocusUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is search.
- **searchTypeFocusUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when focused when type is search.
- **searchTypeHoverUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is search.
- **searchTypeHoverUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is search.
- **searchTypeHoverUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when hovered when type is search.
- **searchTypeUnderlineColor**: `string` — Gets or sets the color to use for the underline element when type is search.
- **searchTypeUnderlineOpacity**: `number` — Gets or sets the color to use for the underline element when type is search.
- **searchTypeUnderlineRippleColor**: `string` — Gets or sets the color to use for the underline ripple element when type is search.
- **searchTypeUnderlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element when type is search.
- **searchTypeUnderlineRippleWidth**: `number` — Gets or sets the width to use for the underline element when type is search.
- **searchTypeUnderlineWidth**: `number` — Gets or sets the width to use for the underline element when type is search.
- **underlineColor**: `string` — Gets or sets the color to use for the underline element.
- **underlineOpacity**: `number` — Gets or sets the color to use for the underline element.
- **underlineRippleColor**: `string` — Gets or sets the color to use for the underline ripple element.
- **underlineRippleOpacity**: `number` — Gets or sets the opacity to use for the underline ripple element.
- **underlineRippleWidth**: `number` — Gets or sets the width to use for the underline element.
- **underlineWidth**: `number` — Gets or sets the width to use for the underline element.
- **ensureActualContentPadding**(): void
- **ensureActualCornerRadius**(): void
- **ensureBorderTypeContentPadding**(): void
- **ensureBorderTypeCornerRadius**(): void
- **ensureBoxTypeContentPadding**(): void
- **ensureBoxTypeCornerRadius**(): void
- **ensureContentPadding**(): void
- **ensureCornerRadius**(): void
- **ensureLineTypeContentPadding**(): void
- **ensureLineTypeCornerRadius**(): void
- **ensureSearchTypeContentPadding**(): void
- **ensureSearchTypeCornerRadius**(): void
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **findByName**(name: string): any
- **ngAfterContentInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of all of the directive's
content.
It is invoked only once when the directive is instantiated.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXInputGroupInputCollection](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXInputGroupInputCollection)

- **constructor**(list?: IgxXInputGroupItemComponent[]): IgxXInputGroupInputCollection

### [IgxXInputGroupItemComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXInputGroupItemComponent)

- **constructor**(): IgxXInputGroupItemComponent
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **name**: `string` — Gets or sets name to use for the button.
- **findByName**(name: string): any
- **ngOnInit**(): void — A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.
- static **_createFromInternal**(internal: any): IgxXInputGroupItemComponent

### [IgxXLabelComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXLabelComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXLabelComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_actualDensity**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_baseTheme**: `string | BaseControlTheme`
- static **ngAcceptInputType_density**: `string | ControlDisplayDensity`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_isHover**: `string | boolean`
- static **ngAcceptInputType_tabIndex**: `string | number`
- static **ngAcceptInputType_value**: `string | boolean`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualDensity**: `ControlDisplayDensity` — Gets the actual display density to use for the label.
- **actualHighlightTextColor**: `string` — Gets the actual color to use for the text color.
- **actualHoverHighlightTextColor**: `string` — Gets the actual color to use for the text color when highlighted and hovered.
- **actualHoverTextColor**: `string` — Gets the actual hover color to use for the text.
- **actualTextColor**: `string` — Gets the actual color to use for the text color.
- **alignItems**: `string` — Gets or sets the id to use for the checkbox.
- **alignSelf**: `string` — Gets or sets the id to use for the checkbox.
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **baseTheme**: `BaseControlTheme` — Gets or sets the base built in theme to use for the label.
- **density**: `ControlDisplayDensity` — Gets or sets the display density to use for the label.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **display**: `string` — Gets or sets the id to use for the checkbox.
- **flexDirection**: `string` — Gets or sets the id to use for the checkbox.
- **flexGrow**: `string` — Gets or sets the flex-grow setting for the button.
- **for**: `string` — Gets or sets the for attribute to use for the label.
- **highlightTextColor**: `string` — Gets or sets the color to use for the text.
- **hoverHighlightTextColor**: `string` — Gets or sets the color to use for the text.
- **hoverTextColor**: `string` — Gets or sets the color to use for the hovered text of the button regardless of type.
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **isHover**: `boolean` — Gets or sets whether the label is hovered.
- **tabIndex**: `number` — Gets or sets TabIndex to use for the checkbox.
- **text**: `string` — Gets or sets the text for the label.
- **textColor**: `string` — Gets or sets the color to use for the text.
- **textStyle**: `string` — Gets or sets the use for the button.
- **value**: `boolean` — Gets or sets the value for the label.
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXPrefixComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXPrefixComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXPrefixComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_isHover**: `string | boolean`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **isHover**: `boolean` — Gets or sets whether the prefix is hovered.
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXRippleComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXRippleComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXRippleComponent
- **container**: `Element`
- static **ngAcceptInputType_isCentered**: `string | boolean`
- static **ngAcceptInputType_isDisabled**: `string | boolean`
- static **ngAcceptInputType_isHoverEnabled**: `string | boolean`
- static **ngAcceptInputType_rippleDuration**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualHoverColor**: `string` — Gets or sets the actual color to use for the background when the ripple is hovered.
- **actualRippleColor**: `string` — Gets or sets the color to use for the actual background when the checkbox is unchecked.
- **eventSource**: `any` — Gets or sets the target element to inject ripples into.
- **height**: `string`
- **hoverColor**: `string` — Gets or sets the color to use for the background when the ripple is hovered.
- **i**: `XRipple`
- **isCentered**: `boolean` — Gets or sets if the ripple is centered.
- **isDisabled**: `boolean` — Gets or sets if the ripple is disabled.
- **isHoverEnabled**: `boolean` — Gets or sets if the ripple is centered.
- **left**: `string`
- **position**: `string`
- **rippleColor**: `string` — Gets or sets the color to use for the background when the checkbox is unchecked.
- **rippleDuration**: `number` — Gets or sets the duration to use for the ripple animation.
- **top**: `string`
- **width**: `string`
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **findByName**(name: string): any
- **ngAfterContentInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of all of the directive's
content.
It is invoked only once when the directive is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [IgxXSuffixComponent](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/IgxXSuffixComponent)

- **constructor**(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector, componentFactoryResolver: ComponentFactoryResolver): IgxXSuffixComponent
- **_childTemplateRef**: `TemplateRef<any>`
- **_dynamicContent**: `ViewContainerRef`
- **container**: `Element`
- static **ngAcceptInputType_disabled**: `string | boolean`
- static **ngAcceptInputType_isHover**: `string | boolean`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **ariaLabel**: `string` — Gets or sets the value of the aria-label attribute.
- **disabled**: `boolean` — Gets or sets whether the checkbox is disabled.
- **id**: `string` — Gets or sets the id to use for the checkbox.
- **isHover**: `boolean` — Gets or sets whether the suffix is hovered.
- **exportSerializedVisualModel**(): string — Returns a serialized copy of the exported visual model
- **exportVisualModel**(): any — Exports visual information about the current state of the grid.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **updateStyle**(): void

### [XCalendarLocaleEn](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/classes/XCalendarLocaleEn)

- **constructor**(): XCalendarLocaleEn
- **April_Full**: `string`
- **April_Short**: `string`
- **August_Full**: `string`
- **August_Short**: `string`
- **December_Full**: `string`
- **December_Short**: `string`
- **February_Full**: `string`
- **February_Short**: `string`
- **Friday_Full**: `string`
- **Friday_Short**: `string`
- **Friday_Single**: `string`
- **January_Full**: `string`
- **January_Short**: `string`
- **July_Full**: `string`
- **July_Short**: `string`
- **June_Full**: `string`
- **June_Short**: `string`
- **March_Full**: `string`
- **March_Short**: `string`
- **May_Full**: `string`
- **May_Short**: `string`
- **Monday_Full**: `string`
- **Monday_Short**: `string`
- **Monday_Single**: `string`
- **November_Full**: `string`
- **November_Short**: `string`
- **October_Full**: `string`
- **October_Short**: `string`
- **Saturday_Full**: `string`
- **Saturday_Short**: `string`
- **Saturday_Single**: `string`
- **September_Full**: `string`
- **September_Short**: `string`
- **Sunday_Full**: `string`
- **Sunday_Short**: `string`
- **Sunday_Single**: `string`
- **Thursday_Full**: `string`
- **Thursday_Short**: `string`
- **Thursday_Single**: `string`
- **Today**: `string`
- **Tuesday_Full**: `string`
- **Tuesday_Short**: `string`
- **Tuesday_Single**: `string`
- **Wednesday_Full**: `string`
- **Wednesday_Short**: `string`
- **Wednesday_Single**: `string`

## Enumerations

### [ButtonGroupOrientation](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/ButtonGroupOrientation)

- **Horizontal** = 0
- **Vertical** = 1

### [DateFormats](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/DateFormats)
Indicates some simple date formats to be used.

- **DateLong** = 1 — A standard long date format is used.
- **DateShort** = 0 — A standard short date format is used.

### [DayOfWeek](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/DayOfWeek)
Indicates some simple date formats to be used.

- **Friday** = 5 — First Day of Week is Friday
- **Monday** = 1 — First Day of Week is Monday
- **Saturday** = 6 — First Day of Week is Saturday
- **Sunday** = 0 — First Day of Week is Sunday
- **Thursday** = 4 — First Day of Week is Thursday
- **Tuesday** = 2 — First Day of Week is Tuesday
- **Wednesday** = 3 — First Day of Week is Wednesday

### [FirstWeek](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/FirstWeek)
Indicates some simple date formats to be used.

- **FirstDay** = 0 — First Day of Year is Start of First Week
- **FirstFourDayWeek** = 2 — First Four Day Week in year is First Week
- **FirstFullWeek** = 1 — First Full Week in year is First Week

### [InputGroupDisplayType](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/InputGroupDisplayType)

- **Border** = 2
- **Box** = 1
- **Line** = 0
- **Search** = 3

### [InputShiftType](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/InputShiftType)

- **Border** = 2
- **Box** = 1
- **Line** = 0

### [LabelShiftType](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/LabelShiftType)

- **Border** = 2
- **Box** = 1
- **Line** = 0

### [MultiSliderOrientation](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/MultiSliderOrientation)

- **Horizontal** = 0
- **TwoDimensional** = 2
- **Vertical** = 1

### [MultiSliderThumbRangePosition](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/MultiSliderThumbRangePosition)

- **PinnedHigher** = 1
- **PinnedLower** = 0

### [PrefixShiftType](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/PrefixShiftType)

- **Border** = 2
- **Box** = 1
- **Line** = 0

### [SuffixShiftType](https://www.infragistics.com/api/angular/igniteui-angular-inputs/latest/enums/SuffixShiftType)

- **Border** = 2
- **Box** = 1
- **Line** = 0
