Mokkon's reactjs components

12 Achegas

1 Branches

PhyoThandar 648de93d6a update MkForm		%!s(int64=3) %!d(string=hai) anos
dist	ff0737ae8f modify	%!s(int64=3) %!d(string=hai) anos
example	648de93d6a update MkForm	%!s(int64=3) %!d(string=hai) anos
src	648de93d6a update MkForm	%!s(int64=3) %!d(string=hai) anos
.editorconfig	bf1a1856a7 add List	%!s(int64=4) %!d(string=hai) anos
.eslintignore	bf1a1856a7 add List	%!s(int64=4) %!d(string=hai) anos
.eslintrc	bf1a1856a7 add List	%!s(int64=4) %!d(string=hai) anos
.gitignore	c14b2cb03d add dist	%!s(int64=4) %!d(string=hai) anos
.prettierrc	bf1a1856a7 add List	%!s(int64=4) %!d(string=hai) anos
.travis.yml	bf1a1856a7 add List	%!s(int64=4) %!d(string=hai) anos
README.md	648de93d6a update MkForm	%!s(int64=3) %!d(string=hai) anos
package-lock.json	ff0737ae8f modify	%!s(int64=3) %!d(string=hai) anos
package.json	648de93d6a update MkForm	%!s(int64=3) %!d(string=hai) anos

mokkon-reactjs

Mokkon's reactjs components

MkForm

Props

Name	Type	Default	Description
fields	Array of field object		Form fields
data	object		Form data
actions	Array of action object

Field object

Name	Type	Default	Description
field_name	string		Field name
label	string		Field label
type	string		Field type
options	Array of selection object		Data objects for dropdown or autocomplete
can_create	boolean		To handle adding new object from dropdown or autocomplete
readonly	boolean		To handle for not editable form
option_label_field	string		Field name to get label of option in dropdown

[ {} ] => [ {"type":"string","label":"string","field_name":"string","options":[],"can_create":boolean,"readonly:boolean,"option_label_field":"string",} ]

Action object

Name	Type	Default	Description
label	string		Action label
icon	icon		Action icon
callback	function		Action ( edit, delete, etc..)
status	string		Form data status

[ {} ] => [ { "label": "string", "icon": icon, "callback": () => {} },]

Data

{} => data {"field_name":"value","field_name":"value"}