Angular DropDowns Dependencies and Standalone Utilities
This article explores the utilities provided by the Kendo UI for Angular DropDowns for standalone components and the required dependencies for the package.
Kendo Angular DropDowns Utility Arrays
The concept of standalone components in Angular enables you to import only the components and directives in use.
For convenience, all related DropDowns components and directives are logically combined into a single utility array that you can directly import in your standalone component. At the same time, you can still import individual components, directives, and pipes from the DropDowns API.
For example, the KENDO_MULTISELECT utility array allows you to use the Kendo UI for Angular MultiSelect and all its features in your standalone component.
import { Component } from '@angular/core';
import { KENDO_MULTISELECT } from '@progress/kendo-angular-dropdowns';
@Component({
standalone: true,
selector: 'my-app',
imports: [KENDO_MULTISELECT]
})The following table lists the exported utility arrays that you can import in your standalone Angular project.
| Utility Array | Includes |
|---|---|
KENDO_AUTOCOMPLETE | AutoComplete component and directives. |
KENDO_COMBOBOX | ComboBox component and directives |
KENDO_DROPDOWNLIST | DropDownList component and directives. |
KENDO_DROPDOWNTREE | DropDownTree component and directives. |
KENDO_MULTICOLUMNCOMBOBOX | MultiColumnComboBox component and directives. |
KENDO_MULTISELECT | MultiSelect component and directives. |
KENDO_MULTISELECTTREE | MultiSelectTree component and directives. |
KENDO_DROPDOWNS | All DropDowns components and directives. |
Kendo Angular DropDowns Dependencies
The following table lists the required dependencies that the DropDowns package needs to work as expected.
| Package Name | Description |
|---|---|
| @angular/common | Provides the commonly-needed services, pipes, and directives provided by the Angular team. For more information, refer to the official Angular documentation. |
| @angular/core | Contains critical runtime parts of the Angular framework that are needed by every application. For more information, refer to the official Angular documentation. |
| @angular/forms | Provides support for both template-driven and reactive forms. For more information, refer to the official Angular documentation. |
| @progress/kendo-angular-common | Contains common utilities that are needed by every Kendo UI for Angular component. |
| @progress/kendo-angular-l10n | Provides the globalization features of Kendo UI for Angular. |
| @progress/kendo-angular-icons | Contains the Kendo UI for Angular Icons. |
| @progress/kendo-angular-intl | Provides the Kendo UI for Angular services and pipes for the parsing and formatting of dates and numbers. |
| @progress/kendo-angular-inputs | Contains the Kendo UI for Angular Inputs components. |
| @progress/kendo-angular-navigation | Contains the Kendo UI for Angular Navigation components. |
| @progress/kendo-angular-popup | Contains the Kendo UI for Angular Popup component. |
| @progress/kendo-angular-treeview | Contains the Kendo UI for Angular TreeView component. |
| @progress/kendo-drawing | Provides the Kendo UI cross-browser library for interactive vector graphics. |
| @progress/kendo-dropdowns | Contains basic Kendo UI Dropdowns utilities that are needed for the Kendo UI for Angular Dropdowns to work properly. This package will be automatically added to your project when you install the rest of the dependencies. |
| @progress/kendo-licensing | Contains the kendo-ui-license CLI utility for license management and the internal infrastructure related to licensing. |
| rxjs | Provides the RxJS library for reactive programming which uses Observables for an easier composition of asynchronous or callback-based code. |