All Projects → eddyzhang1986 → Antd Jsonschema Form

eddyzhang1986 / Antd Jsonschema Form

Aother ui implement for react-jsonschema-form

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Antd Jsonschema Form

Antd Schema Form
Based on Ant Design, interactive forms can be generated through JSON Schema configuration. - 基于Ant Design,可以通过JSON Schema配置生成可交互的表单。
Stars: ✭ 137 (+59.3%)
Mutual labels:  antd, form
react-jsonschema-formbuilder
No description or website provided.
Stars: ✭ 45 (-47.67%)
Mutual labels:  form, antd
Ant Plus
🔺 Ant Design 表单简化版
Stars: ✭ 212 (+146.51%)
Mutual labels:  antd, form
antd-react-form-builder
Example
Stars: ✭ 74 (-13.95%)
Mutual labels:  form, antd
antd-form-mate
📦 基于 ant design 的表单组件,配置化实现表单功能。
Stars: ✭ 14 (-83.72%)
Mutual labels:  form, antd
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+959.3%)
Mutual labels:  antd, form
Selectivity
Modular and light-weight selection library
Stars: ✭ 1,113 (+1194.19%)
Mutual labels:  form
React Antd Multi Tabs Admin
ts+react+antd-多页签后台模板(纯净版,非 antd pro!)
Stars: ✭ 73 (-15.12%)
Mutual labels:  antd
Redaxo yform
YForm für REDAXO 5 – Formulare im Frontend und Backend mit Verwaltung von Datenbank-Tabellen.
Stars: ✭ 60 (-30.23%)
Mutual labels:  form
Antd Admin
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
Stars: ✭ 8,678 (+9990.7%)
Mutual labels:  antd
React Native Merlin
🧙 Simple web-like forms in react native.
Stars: ✭ 83 (-3.49%)
Mutual labels:  form
Vue Rawmodel
RawModel.js plugin for Vue.js v2. Form validation has never been easier!
Stars: ✭ 79 (-8.14%)
Mutual labels:  form
Formst
Model-driven Form library for React
Stars: ✭ 69 (-19.77%)
Mutual labels:  form
Semantic forms
Form generators leveraging semantic web standards (RDF(S), OWL, SPARQL , ...
Stars: ✭ 63 (-26.74%)
Mutual labels:  form
Normform
Normform: A tiny CSS plugin to make your web forms beautiful again
Stars: ✭ 78 (-9.3%)
Mutual labels:  form
Aura.input
Tools to describe HTML form fields and values.
Stars: ✭ 60 (-30.23%)
Mutual labels:  form
Legit
input validation framework
Stars: ✭ 81 (-5.81%)
Mutual labels:  form
Customui
Library to create custom UI's in MCPE 1.2+
Stars: ✭ 60 (-30.23%)
Mutual labels:  form
Dva Ts React Antd
🌱 基于Dva和TypeScript的后台管理系统框架
Stars: ✭ 68 (-20.93%)
Mutual labels:  antd
Formium
The headless form builder for the modern web.
Stars: ✭ 78 (-9.3%)
Mutual labels:  form

Build Status codecov

Welcome to antd-jsonschema-form

This project base on :

  1. antd-design (a beautiful react ui framework)

  2. react-jsonschema-form(a powerful Form widget for 'IETF JSONSchema Specification')

  3. IETF JSON Schema

This project use antd design ui framework implements react-jsonschema-form base on IETF JSONSchema v4 Specification.

Quick start

Setup

npm install --save antd-jsonschema-form

Import & Use

npm
import React, {Component} from 'react';
import { render } from "react-dom";
import Form from 'antd-jsonschema-form';


render((
   <Form {...} />
 ), document.getElementById("app"));
CDN
<!--import babel and react-->
<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>

<!--import antd-jsonschema-form-->
<script src="https://unpkg.com/[email protected]/dist/form.js"></script>

<!--render form-->
const {default: Form} = AntdJSONSchemaForm;

render((
   <Form {...} />
 ), document.getElementById("app"));

Live demo

https://eddyzhang1986.github.io/antd-jsonschema-form/

Documents

Support or Contact

Contributors

License

The MIT License (MIT) Copyright (c) 2012-2017 the native web.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].