Kontaktformular in React, Vue oder Angular einbetten

Nein. Das Script definiert das Element im Browser, Ihr Framework rendert also nur den Tag — und an Ihrem Build ändert sich nichts, wenn wir eine neue Version veröffentlichen.

Deklarieren Sie es in den IntrinsicElements von JSX, mit dem Tag, den Ihre eigene Komponente verwendet. React 19 hat diesen Namespace verschoben, und die richtige Form hängt von der jsx-Einstellung Ihrer tsconfig ab — nehmen Sie die aktuelle deshalb aus dem Upgrade-Leitfaden von React. Das Formular funktioniert auch ohne diese Angabe.

Es gibt nichts zu übergeben. Was das Formular abfragt und wohin es die Nachrichten liefert, wird in Toimii festgelegt und ist fest in das Bundle eingebaut, das das Script lädt — deshalb trägt der Tag keine Attribute.

Ja. Laden Sie es in Next.js mit next/script aus dem Root-Layout — dem dokumentierten Ort für ein Script, das die gesamte Website benötigt. Eine „use client“-Grenze brauchen Sie nur, wenn Sie einen load- oder error-Handler anhängen; der Tag selbst benötigt keine.

Das Custom Element wird client-seitig gerendert, wie jede Web Component. SSR gibt den Tag aus, der Browser registriert das Element beim Laden des Skripts, danach erscheint das Formular. Es gibt einen kurzen Moment mit leerem Raum — der in der Regel kaum auffällt.