@pykara/pykara-chat

An Angular UI library (npm package) that provides a simple chat widget component.

Install

npm i @pykara/pykara-chat

What this package provides

Component

• Class name (import name): ChatWidget
• HTML selector (tag): <lib-chat-widget></lib-chat-widget>

Usage in Angular

Option 1: Module-based Angular project (AppModule)

If your project has app.module.ts:

1) Import the component in app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { App } from './app';

import { ChatWidget } from '@pykara/pykara-chat';

@NgModule({
  declarations: [App],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ChatWidget
  ],
  providers: [],
  bootstrap: [App]
})
export class AppModule {}

2) Use it in HTML

Example: src/app/app.html or app.component.html

<lib-chat-widget></lib-chat-widget>

Option 2: Standalone Angular project (no AppModule)

import { Component } from '@angular/core';
import { ChatWidget } from '@pykara/pykara-chat';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ChatWidget],
  template: `<lib-chat-widget></lib-chat-widget>`
})
export class App {}