BlotInfluencer is a website that purpose is to connect agencies and influencers in the same platform.
The using stack is: Nodejs, ExpressJs, NextJs, Material-ui
The form generator enable you to generate html form with grid disposition depending of fields properties.
<FormGenerator
fields={fields}
state={state}
errors={errors}
settings={settings}
onChange={onChange}
/>
Property |
Type |
Description |
fields |
array |
An array of Object containing the form elements types. |
state |
object |
An object which store the form elements values |
errors? |
array |
List of errors base on the names of fields |
settings? |
object |
An object for the form settings |
onChange? |
function |
Event to call on elements update |
Property |
Type |
Description |
label? |
name |
The form element helptext |
name |
string |
The name of the form element. The name is the key that will be use to set the form element. |
type |
string |
The type of form element to generate |
required? |
boolean (default false) |
Sets whether the form element is required |
dimension? |
object |
The material-ui grid dimension E.g: {xs: 12, ms: 6} |
props? |
object |
The props to pass to the form element |
Property |
Type |
Description |
showLabel? |
boolean (default false) |
Determines if we need to display form elements labels |
labelPostion? |
string |
Position of label e.g('top | left'). Combine value to put the label on top left position |
unableUnderline |
boolean (default false) |
Determines the material ui form elements should be underline |
unableboxShadow |
boolean (default false) |
Determines the material ui form elements bordered with box-shadow |
TextField, Select, Wysiwyg, Img, Radio, Checkbox, ColorPicker, Upload
Property |
Type |
Description |
name |
string |
The name of the form element. |
label? |
string |
The label of the form element. |
type |
string |
The type of the form element (input, textarea, email, password, number). |
value |
any |
The value of the form element. |
error |
boolean (default false) |
Determinate if there is an error in the form element |
onChange |
function |
Event to call on element update |
dimension? |
object |
The material-ui grid dimension E.g: {xs: 12, ms: 6} |
showLabel? |
boolean (default false) |
Show the label aside |
disableUnderline? |
boolean (default false) |
Disable material ui default form element underline |
elemProps? |
object |
The props to pass to the form element |
Property |
Type |
Description |
name |
string |
The name of the form element. |
label? |
string |
The label of the form element. |
type |
string |
The type of the form element (select, select-icon, email, password, number). |
value |
any |
The value of the form element. |
error |
boolean (default false) |
Determinate if there is an error in the form element |
multiple? |
boolean (default false) |
Activate multiple selection |
onChange |
function |
Event to call on element update |
dimension? |
object |
The material-ui grid dimension E.g: {xs: 12, ms: 6} |
showLabel? |
boolean (default false) |
Show the label aside |
disableUnderline? |
boolean (default false) |
Disable material ui default form element underline |
Property |
Type |
Description |
name |
string |
The name of the form element. |
value |
string |
The label of the form element. |
error |
boolean (default false) |
Determinate if there is an error in the form element |
onChange |
function |
Event to call on element update |
showLabel? |
boolean (default false) |
Show the label aside |
label? |
string |
The label of the form element. |
dimension? |
object |
The material-ui grid dimension E.g: {xs: 12, ms: 6} |
Property |
Type |
Description |
name |
string |
The name of the form element. |
value? |
Img |
The default image to display |
error |
boolean (default false) |
Determinate if there is an error in the form element |
onChange |
function |
Event to call on element update |
showLabel? |
boolean (default false) |
Show the label aside |
label? |
string |
The label of the form element. |
dimension? |
object |
The material-ui grid dimension E.g: {xs: 12, ms: 6} |