0.0.9 • Published 8 months ago

react-json-fast-forms v0.0.9

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
8 months ago

react-json-fast-forms

npm size NPM Monthly Downloads

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

PropertyTypeDescriptionRequired?
idStringThe unique identifier of the componentāœ“
valueObject ConfigThe designation of the reference to the state property of the form
renderObject ConfigThe displayed description of the component
availableObject ConfigList of child components
layoutObject ConfigLayout settings
asyncObject ConfigRead-only attribute
validateObject ConfigComponent content
componentsStringImage description
typeStringType of componentāœ“

Component scheme config

Value

PropertyTypeDescriptionRequired?
valueNameString
defaultValueString
pathString

Render

PropertyTypeDescriptionRequired?
labelString
valuesValue
placeholderString
multipleBoolean
contentString
altString
sourceString
textString
defaultRepetitionsNumber
allowAddRemoveBoolean

Available

PropertyTypeDescriptionRequired?
readonlyString
dependsConditionJSON Function

Layout

PropertyTypeDescriptionRequired?
labelColNumber
directionvertical | horizontal
alignleft | center | right

Async

PropertyTypeDescriptionRequired?
typefetch\/post | fetch\/get | gql
urlString
queryString
data{intersectProcessing: JSON Function}
fetch{onInit: Boolean, ifUndefined: Boolean, conditionFromDepends: JSON Function}
dependsArray\<{value: String, path: String | String[]}>
extractors{value: JSON Function, label: JSON Function}

Validate

PropertyTypeDescriptionRequired?
requiredBoolean
validateFuncJSON Function
minNumber
maxNumber
stepNumber
textReqString
minLengthNumber
maxLengthNumber

Examples

The examples folder contains working examples. You can run one of them with.

0.0.9

8 months ago

0.0.8

9 months ago

0.0.7

9 months ago

0.0.6

9 months ago

0.0.5

9 months ago

0.0.4

9 months ago

0.0.3

9 months ago

0.0.2

9 months ago

0.0.1

9 months ago

0.0.0

9 months ago