Bygg inn et kontaktskjema i React, Vue eller Angular
Webkomponenter er en del av DOM. Sett taggen rett inn i JSX, Vue-maler 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>
Steg for steg
Fallgruver
Ofte stilte spørsmål
Trenger jeg en React/Vue/Angular wrapper-komponent?
Nei. Skriptet definerer elementet i nettleseren, så rammeverket ditt gjengir bare taggen — og ingenting i bygget ditt endres når vi slipper en ny versjon.
Hvordan forteller jeg TypeScript om det egendefinerte elementet?
Deklarer det i IntrinsicElements i JSX, med taggen som din egen komponent bruker. React 19 flyttet det navnerommet, og riktig form avhenger av jsx-innstillingen i tsconfig-en din, så hent den gjeldende fra Reacts oppgraderingsguide. Skjemaet fungerer uten det.
Hvordan sender jeg props eller konfigurasjon?
Det er ingenting å sende med. Hva skjemaet spør om, og hvor meldingene leveres, settes i Toimii og bakes inn i pakken skriptet laster inn — derfor har taggen ingen attributter.
Fungerer det med Next.js eller et annet React-rammeverk?
Ja. I Next.js laster du den inn med next/script fra rotlayouten — det dokumenterte stedet for et skript hele nettstedet trenger. En "use client"-grense trengs bare hvis du kobler på en load- eller error-handler; selve taggen trenger ingen.
Hva med server-side rendering?
Det egendefinerte elementet gjengis på klientsiden, som enhver webkomponent. SSR sender ut taggen, nettleseren registrerer elementet når skriptet lastes inn, deretter vises skjemaet. Det er et kort glimt av tom plass — vanligvis umerkelig.
Bygger du inn på en annen plattform?
Samme to linjer kode, brutt ned for hver plattform.
Klar til å prøve det?
30-dagers gratis prøveperiode. Ingen kredittkort. Klar på minutter.
Ingen kredittkort nødvendig. Klar på 2 minutter.