Skip to main content

Installation

Install the package from npm:

npm install @dytesdk/angular-ui-kit @dytesdk/web-core

And now you need to load the DyteComponentsModule into your app module.

This would usually be the app.module.ts file:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { DyteComponentsModule } from '@dytesdk/angular-ui-kit';

import { AppComponent } from './app.component';

@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, DyteComponentsModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}

Now you can use Dyte's UI Components in your components HTML files.

Typescript

If you are using typescript make sure you have allowSyntheticDefaultImports set as true in your tsconfig.json

{
"compilerOptions": {
"allowSyntheticDefaultImports": true
}
}