Indlejr en kontaktformular i React, Vue eller Angular
Webkomponenter er en del af DOM'en. Sæt tagget direkte ind i JSX, Vue-skabeloner eller Angular-komponenter — ingen wrapper nødvendig.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Trin for trin
Faldgruber
Ofte stillede spørgsmål
Har jeg brug for en React/Vue/Angular-wrapper-komponent?
Nej. Scriptet definerer elementet i browseren, så dit framework skal bare rendere tagget — og der ændrer sig ikke noget i dit build, når vi udgiver en ny version.
Hvordan fortæller jeg TypeScript om det brugerdefinerede element?
Erklær det i JSX's IntrinsicElements med det tag, din egen komponent bruger. React 19 flyttede det namespace, og den rigtige form afhænger af jsx-indstillingen i din tsconfig, så tag den aktuelle fra Reacts egen opgraderingsguide. Formularen virker uden det.
Hvordan sender jeg props eller konfiguration?
Der er ikke noget at sende med. Hvad formularen spørger om, og hvor den sender beskederne hen, sættes i Toimii og bages ind i den bundle, scriptet indlæser — derfor har tagget ingen attributter.
Virker det med Next.js eller et andet React-framework?
Ja. I Next.js indlæser du det med next/script fra rodlayoutet — det dokumenterede sted for et script, hele sitet skal bruge. En "use client"-grænse er kun nødvendig, hvis du hægter en load- eller error-handler på; selve tagget kræver ingen.
Hvad med server-side rendering?
Det brugerdefinerede element renderes på klientsiden, som enhver webkomponent. SSR udsender tagget, browseren registrerer elementet, når scriptet indlæses, og formularen vises. Der er et kort flash af tomt rum — som regel umærkeligt.
Indlejrer du på en anden platform?
De samme to linjer kode, gennemgået for hver platform.
Klar til at prøve det?
30-dages gratis prøveperiode. Intet kreditkort. Opsætning på få minutter.
Intet kreditkort påkrævet. Klar på 2 minutter.