New to Kendo UI for AngularStart a free 30-day trial

Angular Conversational UI Dependencies and Standalone Utilities

This article explores the utilities provided by the Kendo UI for Angular Conversational UI for standalone components and the required dependencies for the package.

Kendo Angular Conversational UI Utility Arrays

The concept of standalone components in Angular enables you to import only the components and directives in use.

For convenience, all related Conversational UI 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 Conversational UI API.

For example, the KENDO_AIPROMPT utility array allows you to use the Kendo UI for Angular AIPrompt and all its features in your standalone component.

ts
import { Component } from '@angular/core';
import { KENDO_AIPROMPT  } from '@progress/kendo-angular-conversational-ui';

@Component({
    standalone: true,
    selector: 'my-app',
    imports: [KENDO_AIPROMPT ]
})

The following table lists the exported utility arrays that you can import in your standalone Angular project.

Utility ArrayIncludes
KENDO_AIPROMPTAIPrompt component
KENDO_CHATChat component
KENDO_CONVERSATIONALUIAll Conversational UI components and directives

Kendo Angular Conversational UI Dependencies

The following table lists the required dependencies that the Conversational UI package needs to work as expected.

Package NameDescription
@angular/commonProvides the commonly-needed services, pipes, and directives provided by the Angular team. For more information, refer to the official Angular documentation.
@angular/coreContains critical runtime parts of the Angular framework that are needed by every application. For more information, refer to the official Angular documentation.
@progress/kendo-angular-buttonsContains the Kendo UI for Angular Buttons components.
@progress/kendo-angular-iconsContains the Kendo UI for Angular Icons.
@progress/kendo-angular-inputsContains the Kendo UI for Angular Inputs.
@progress/kendo-angular-layoutContains the Kendo UI for Angular Layout.
@progress/kendo-angular-popupContains the Kendo UI for Angular Popup component.
@progress/kendo-licensingContains the kendo-ui-license CLI Tool for license management and the validatePackage function and type definitions that are used by licensed packages.
rxjsProvides the RxJS library for reactive programming which uses Observables for an easier composition of asynchronous or callback-based code.

Learning Resources