Data driven forms

Introduction Installation

Schema

FieldProperties

Clear on unmount Cleared value Initialize on mount Data types Constants Resolve props

Validation

Async validator Length validator Number value validator Pattern validator Record level validator Required validator URL validator Custom validator Custom message Overwriting default message Validator mapper Warnings

Condition

Schema And Not Or Is Is empty Is not empty Not match Pattern Comparators Sequence Condition nesting Conditional actions Conditional set value Conditional visibility Complex condition example

Actions

Components

Hooks

Mappers

Provided mappers

Utilities

Examples

Editor utilities

Preview

Testing Typescript Development setup Optimization Releases FAQ Migration guide to version 3 Migration guide to version 2

URL validator

We are using modified redux-form-validators amazing implementation of URL validator.

Please follow their docs to see all possible options.

Example

Contribution

Please report any bugs, mistakes, suggestions and don't forget to contribute to the data-driven-forms/react-forms repository.

Released under the APACHE-2.0 License.

Copyright © 2024 Data Driven Forms

React forms
Discord server
@DataDrivenForms

React form renderer
PF4 component mapper
MUI component mapper
Blueprint component mapper

Hello, we would like to use cookies to track your anonymised information in Google Analytics. We are using this information to know what kind of users visits and uses our library. It also helps us to know what content is the the most read. We are also using neccessary cookies to know what notifications to load and to store information about this consent.

Start typing

Default validator

Default validator

type some address like: https://data-driven-forms.org/

Custom protocol

Custom protocol

type some address with custom ddf protocol like: ddf://data-driven-forms.org/

Without protocol

Without protocol

type some address with like: data-driven-forms.org/