Address Widget demo

Configure

Credentials and destination

Paste a SignalWire Subscriber Access Token (SAT) and an address to dial. Values persist in sessionStorage for this tab only.

Mount form 1

Programmatic mount()

Calls SignalWireAddressWidget.mount('#target-1', {token, destination}) after the UMD bundle loads.

Mount form 2

Declarative <signalwire-address>

The custom element auto-registers when the UMD loads. Attributes map to the same options. This instance passes its own slotted content (the span below) instead of the default label.

Talk to support

Mount form 3

Audio-only mode

Passes video: false. Mic permission only, camera button hidden, and the 16:9 video area collapses entirely. Pass poster to show a custom image in its place.

Mount form 4

Stacked layout

Passes layout: 'stacked'. Video sits smaller at the top (capped on desktop) with the transcript flowing beneath. The self-preview overlay (default on) shows in the bottom-right of the video frame — set showLocalVideo: false to hide it.

Observability

Event log

All outbound widget CustomEvents appear here: signalwire-address:beforedial, :call-joined, :call-left, :event.