Provides chat UI components for TalkJS.
The @talkjs/web-components library provides chat UI components for TalkJS.
To use this package, you will need a TalkJS account. TalkJS provides a ready-to-use chat client for your application. Your account gives you access to TalkJS's free development environment.
Install @talkjs/web-components and @talkjs/core:
``sh`
npm install @talkjs/web-components @talkjs/coreor
yarn add @talkjs/web-components @talkjs/core
Import from @talkjs/web-components to register the custom element. Also import the related styling into the component where you want to have your chat UI:
`js`
import "@talkjs/web-components";
import "@talkjs/web-components/default.css";
Then add the Chatbox component:
`html`
user-id="sample_user_alice"
conversation-id="sample_conversation"
>
Replace the with your TalkJS app ID, which you can find in the Settings tab of the TalkJS dashboard.
For more details, see our framework-specific guides: Vue, Angular, Svelte.
If you encounter any problems with @talkjs/web-components`, please open a chat with support. TalkJS support is staffed by engineers.