announcekit-angular
TypeScript icon, indicating that this package has built-in type declarations

14.0.5 • Public • Published

The easiest way to use AnnounceKit widgets in your Angular apps (>=10.0.0).

Visit https://announcekit.app to get started with AnnounceKit. CodeSandbox Demo

Documentation


Installation

yarn add announcekit-angular

Usage

app.module.ts

import {AnnouncekitModule} from 'announcekit-angular'

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

app.component.html

<announcekit [user]="user" [data]="data"  widget="https://announcekit.co/widgets/v2/3xdhio">
    What's new
</announcekit>

Props

Common props you may want to specify include:

  • widget - The url of the widget. You can obtain it while creating or editing widget in AnnounceKit Dashboard.
  • widgetStyle - You can apply CSS rules to modify / tune the position of the widget.
  • floatWidget - Set true if the widget is a Float widget.
  • embedWidget - Set true if the widget is a Embed widget.
  • boosters - Set false if you want to disable boosters / Default: true.
  • user - User properties (for user tracking)
  • data - Segmentation data
  • lang - Language selector
  • labels - In case you want to filter and display posts under a specific label or tag.
  • user_token - JWT setup: https://announcekit.app/docs/jwt
  • onWidgetOpen - Called when the widget is opened.
  • onWidgetClose - Called when the widget is closed.
  • onWidgetUnread - Called when unread post count of widget has been updated.
  • onWidgetReady - Called when the widget is ready for the interaction

Package Sidebar

Install

npm i announcekit-angular

Weekly Downloads

1,045

Version

14.0.5

License

MIT

Unpacked Size

82.7 kB

Total Files

14

Last publish

Collaborators

  • namirali