Embed Fillout forms on React

​

What is React?

React is a JavaScript library for building user interfaces, allowing developers to create interactive and dynamic web applications efficiently. It provides a modular and declarative approach to building UI components, facilitating the development of scalable and maintainable applications.

​

How it works

Embedding Fillout forms in a custom-built React app can be a great way to get refined control over how the forms are displayed on your site. You’ll also be able to define custom button designs for embeds like popups and sliders. To start embedding, simply add the @fillout/react npm library to your React project, and then select what kind of embed you’d like to use. For example, embed a popup form using either a standard button or a custom one:

​

Resizing your embed

Certain fields require a 600px minimum height to display properly. If your form includes any of the fields below, the embed cannot be resized below 600px.

• Date, Date-Time, or Date Range Picker
• Color Picker
• Visible Captcha (V2)
• Submission Picker
• Record Picker
• Address
• Signature
• Subform

​

Related article