Looplia

looplia

features

+ reactjs component
+ vuejs component
+ common schema fields: title, description, default, readonly, $ref, propertyOrder, requiredWhen, optionalWhen, className, propertyName
+ object schema fields: properties, required, maxProperties, minProperties, collapsed
+ array schema fields: items, minItems, uniqueItems, enum, enumTitles, format('select2')
+ number and integer schema fields: minimum, exclusiveMinimum, maximum, exclusiveMaximum, enum, multipleOf, enumTitles, format('select' | 'radiobox')
+ string schema fields: format('textarea' | 'color' | 'date' | 'datetime' | 'datetime-local' | 'time' | 'month' | 'email' | 'uri' | 'url' | 'week' | 'hostname' | 'ipv4' | 'ipv6' | 'code' | 'markdown' | 'base64' | 'select' | 'radiobox' | 'json'), enum, minLength, maxLength, pattern, enumTitles
+ boolean schema fields: format('checkbox' | 'select' | 'select2')
+ image preview, code highlight, markdown preview
+ multi-language
+ react-composable-json-editor

reactjs component

npm i react-postal

or

the online demo:

vuejs component

npm i vue-postal

or

the online demo:

react-composable-json-editor

npm i react-composable-json-editor

the online demo:

properties and events of the component

name | type | description

schema | Schema | the json schema object
initialValue | ValueType | the initial json
updateValue | (value: ValueType or undefined, isValid: boolean) => void | the function that is invoked when the json is edited in the editor
theme | string? | support "bootstrap3" "bootstrap4" "bootstrap5" "antd3" "element-ui2" "iview2" "iview3" "blueprint1" "blueprint2" "blueprint3" for now
icon | string? | support "bootstrap3" "fontawesome4" "fontawesome5" "antd3" "element-ui2" "iview2" "iview3" "bootstrap-icons" for now
locale | Locale? | locale…