9. Communication Channels Overview

Summary table of all ways to communicate with the widget:

Channel	Example
HTML attribute (string)	`config='{"viewMode":"modal"}'`
JS property (object)	`widget.widgetConfig = { viewMode: "modal" }`
JS method (partial merge)	`widget.configure({ defaultCountry: "SK" })`
React 19 JSX prop	`widgetConfig={{ viewMode: "modal" }}`

When to use each channel:

HTML attribute — for static configuration where parameters do not change

JS property — for setting the entire configuration at once from JavaScript

JS method configure() — for changing individual parameters at runtime (partial merge)

React 19 JSX prop — for React 19+ applications with automatic property detection