@usefillo/dom

@usefillo/dom

Framework-agnostic DOM renderer, web component, and standalone browser bundle for Fillo — forms that render inside your own product, no iframe. Use it with Vue, Svelte, Astro, or plain browser JavaScript.

📚 Full documentation → fillo.so/docs

npm i @usefillo/dom

import { createClient, defineForm, renderForm } from "@usefillo/dom";
import "@usefillo/dom/styles.css"; // optional default theme — or bring your own

const client = createClient({ key: "pk_…" }); // collects responses in Fillo
const form = defineForm({
  id: "cust-feedback",
  pages: [{ id: "p1", blocks: [
    { id: "email", kind: "email", label: "Work email", required: true },
    { id: "msg", kind: "long_text", label: "What should we know?" },
  ] }],
});

renderForm(document.querySelector("#fillo-form"), {
  form,
  client,
  onSubmitted: (id) => console.log("response", id),
});

Or drop it in with a single script tag — the bundle exposes a global Fillo:

<div id="fillo-form"></div>
<script src="https://unpkg.com/@usefillo/dom/dist/standalone.global.js"></script>
<script>
  const form = Fillo.defineForm({ id: "cust-feedback", pages: [/* … */] });
  Fillo.renderForm(document.querySelector("#fillo-form"), { form });
</script>

Re-exports the core embedding surface from @usefillo/core (createClient, FilloClient, FormSchema, validation/logic helpers, …).

Links

• Docs: fillo.so/docs
• Website: fillo.so

MIT licensed.