Concorde reference — HTML integration (no Lit). Some hosts (legacy PHP pages, static HTML) embed Concorde components without a Lit build step. They can use HTML attributes such as data-bind, dataProvider, and formDataProvider on tags directly in th Doc ID: docs/misc/html-integration. Keywords: Concorde, supersoniks, docs/misc/html-integration, html-integration, HTML integration (no Lit), reference, data-bind, dataProvider, formDataProvider, sonic-input, name, src/docs/example/, . URL: https://concorde.supersoniks.org/docs/misc/html-integration.
HTML integration (no Lit)
Some hosts (legacy PHP pages, static HTML) embed Concorde components without a Lit build step. They can use HTML attributes such as data-bind, dataProvider, and formDataProvider on tags directly in the page.
Form fields (sonic-input, checkbox, select, …) bind only via formDataProvider + name. They do not autofill from ancestor dataProvider.
That style is not what we demonstrate in this doc site: live examples are Lit components under src/docs/example/, registered once and reused from Markdown via tags like <docs-flight-search-demo>.
| Goal | Use |
|---|---|
| Learn modern patterns | My first component, Data flow |
| Author doc examples | <docs-lit-demo> + src/docs/example/*.ts — see My first component |
New application code in TypeScript should use @subscribe, formDataProvider + name, and Lit templates — not HTML data-bind.