Skip to main content
Char is a web component, so every framework follows the same auth model.

​
Universal pattern

  1. Render <char-agent publishable-key="pk_live_...">
  2. If you have user auth, call connect({ publishableKey, idToken })
  3. Never pass tokens in HTML attributes
agent.connect({
  publishableKey: "pk_live_...",
  idToken,
});
Use publishableKey for every embed and pass idToken when user identity is available.

​
Guides

React

React and Next.js integration

Vue

Vue and Nuxt integration

Angular

Angular standalone/component patterns

Svelte

Svelte and SvelteKit integration

Solid

Solid and SolidStart integration

HTMX

Partial-update integration

Hotwire

Rails Turbo + Stimulus

Livewire

Laravel Livewire

LiveView

Phoenix LiveView

​
Reference