API Reference
Properties
licenseKey, lang, theme, labels, content binding, and every other Text Atelier property.
Properties
Prop
Type
labels and theme accept objects and are compared by reference. Define them once at
module/class scope — passing a new object literal on every render causes an infinite update
loop. See Preventing the infinite update
loop.
How you bind a property depends on the framework — Angular [licenseKey]="licenseKey",
Vue :license-key="licenseKey" (kebab-case in templates), React licenseKey={LICENSE_KEY},
Vanilla licenseKey: '...' in the constructor options. Where a value is an object or array,
define it once (class field, module constant) instead of writing it inline in the template.
Content binding
| Framework | Two-way binding | One-way (read) |
|---|---|---|
| Angular | [(ngModel)]="html" or [formControl]="ctrl" | [ngModel]="html" + (ngModelChange) |
| React | src={html} + onChange={e => setHtml(e.detail)} | same |
| Vue | v-model="html" | :model-value="html" + @update:modelValue |
| Vanilla | content: option + onChange: callback | setContent() + onChange: |