Javascript SDK

Feathery's Javascript library allows you to embed Feathery forms, access form state, and modify form behavior.

The Javascript integration allows you to embed your form in Javascript-powered web apps or web builders like Webflow.
What you need
An active Feathery account and form
Quickstart
You can install the JS library from our CDN. Place the following code where you want your form to display. Make sure to replace SDKKey and formName with your relevant info.
<script src="https://cdn.jsdelivr.net/npm/@feathery/[email protected]/umd/index.js"></script>
<div id='container'></div>
<script>
(() => {
    Feathery.init('<SDKKey>');
    Feathery.renderAt('container', { formName: '<formName>' });
})();
</script>
The Feathery object is attached at the global scope.
API Guide
​Same JS methods as the React library. renderAt replaces the React <Form/> component.
Feathery.renderAt
Embed your Feathery form into an HTML element with the specified elementID. The function returns a context object that you can store for purposes such as calling validateStep. Additionally, the context object includes a destroy method that allows you to unmount the form. If renderAt is called multiple times with the same elementId then destroy will be called automatically before rendering your new form.
Parameter
Type
Description
elementId
string
ID of the element to embed form into.
props
object
Same as the React form props​

Parameter	Type	Description
`elementId`	`string`	ID of the element to embed form into.
`props`	`object`	Same as the React form props

Inline vs Popup Form

Last modified 21d ago