0.0.9 ⢠Published 8 months ago
react-json-fast-forms


React fast and dynamic form constructor.
Introduction
š This library is a comprehensive solution for creating dynamic forms based on the described structure.
š The design is implemented on top of antd, but there are plans to implement UI adapters to fine-tune the display.
Install
npm install react-json-fast-forms
yarn add react-json-fast-forms
Usage
š§ At work...
Component scheme props
Property | Type | Description | Required? |
---|
id | String | The unique identifier of the component | ā |
value | Object Config | The designation of the reference to the state property of the form | |
render | Object Config | The displayed description of the component | |
available | Object Config | List of child components | |
layout | Object Config | Layout settings | |
async | Object Config | Read-only attribute | |
validate | Object Config | Component content | |
components | String | Image description | |
type | String | Type of component | ā |
Component scheme config
Value
Property | Type | Description | Required? |
---|
valueName | String | | |
defaultValue | String | | |
path | String | | |
Render
Property | Type | Description | Required? |
---|
label | String | | |
values | Value | | |
placeholder | String | | |
multiple | Boolean | | |
content | String | | |
alt | String | | |
source | String | | |
text | String | | |
defaultRepetitions | Number | | |
allowAddRemove | Boolean | | |
Available
Property | Type | Description | Required? |
---|
readonly | String | | |
dependsCondition | JSON Function | | |
Layout
Property | Type | Description | Required? |
---|
labelCol | Number | | |
direction | vertical | horizontal | | |
align | left | center | right | | |
Async
Property | Type | Description | Required? |
---|
type | fetch\/post | fetch\/get | gql | | |
url | String | | |
query | String | | |
data | {intersectProcessing: JSON Function} | | |
fetch | {onInit: Boolean, ifUndefined: Boolean, conditionFromDepends: JSON Function} | | |
depends | Array\<{value: String, path: String | String[]}> | | |
extractors | {value: JSON Function, label: JSON Function} | | |
Validate
Property | Type | Description | Required? |
---|
required | Boolean | | |
validateFunc | JSON Function | | |
min | Number | | |
max | Number | | |
step | Number | | |
textReq | String | | |
minLength | Number | | |
maxLength | Number | | |
Examples
The examples folder contains working examples.
You can run one of them with.