GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bpmn-io → form-js

bpmn-io / form-js

Licence: other
View and visually edit JSON-based forms.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

formsformhacktoberfestbpmn-ioform-js

Projects that are alternatives of or similar to form-js

aurelia-form
Fun with forms! Form utilities to make stuff just a bit (a lot) easier.
Stars: ✭ 34 (-72.8%)
Mutual labels:  forms, form
react-search
This package will help you create a pretty good and beautiful search. And other related features
Stars: ✭ 17 (-86.4%)
Mutual labels:  forms, form
react-formulation
Simple React form validation
Stars: ✭ 14 (-88.8%)
Mutual labels:  forms, form
ember-validity-modifier
Ember Octane addon to add custom validity (form validation) to form fields
Stars: ✭ 28 (-77.6%)
Mutual labels:  forms, form
form-data-json
A zero dependency, cross browser library to easily get or set/manipulate form input values as/from a json object.
Stars: ✭ 37 (-70.4%)
Mutual labels:  forms, form
final-form-arrays
Array Mutators for 🏁 Final Form
Stars: ✭ 64 (-48.8%)
Mutual labels:  forms, form
formurai
Lightweight and powerfull library for declarative form validation
Stars: ✭ 49 (-60.8%)
Mutual labels:  forms, form
Vue Form Json Schema
Create forms using JSON schema. Bring your components!
Stars: ✭ 253 (+102.4%)
Mutual labels:  forms, form
Forms
Tracking our progress moving all city paper and pdf forms online.
Stars: ✭ 14 (-88.8%)
Mutual labels:  forms, form
contact-officials
Form definitions powering Resistbot's electronic deliveries to elected officials in the United States.
Stars: ✭ 29 (-76.8%)
Mutual labels:  forms, form
react-hubspot
A collection of React hooks for interacting with Hubspot APIs
Stars: ✭ 20 (-84%)
Mutual labels:  forms, form
vue-use-form
✅ A Vue.js composition API function to validate forms
Stars: ✭ 97 (-22.4%)
Mutual labels:  forms, form
FrontendForms
A module for ProcessWire CMS to create and validate forms on the frontend easily using the Valitron library.
Stars: ✭ 0 (-100%)
Mutual labels:  forms, form
svelte-multistep-form
Svelte MultiStep Form like, this component is still in beta stage
Stars: ✭ 29 (-76.8%)
Mutual labels:  forms, form
react-apollo-form
Build React forms based on GraphQL APIs.
Stars: ✭ 195 (+56%)
Mutual labels:  forms, form
p01contact
Create contact forms by writing simple tags. Also a plugin for GetSimple and Pico CMS.
Stars: ✭ 15 (-88%)
Mutual labels:  forms, form
Fui
Add CLI & form interface to your program. Docs: https://docs.rs/fui
Stars: ✭ 244 (+95.2%)
Mutual labels:  forms, form
Final Form
🏁 Framework agnostic, high performance, subscription-based form state management
Stars: ✭ 2,787 (+2129.6%)
Mutual labels:  forms, form
SuluFormBundle
Form Bundle for handling Dynamic and Symfony Forms in https://sulu.io
Stars: ✭ 51 (-59.2%)
Mutual labels:  forms, form
react-cool-form
😎 📋 React hooks for forms state and validation, less code more performant.
Stars: ✭ 246 (+96.8%)
Mutual labels:  forms, form
View All Similar Projects ➔

@bpmn-io/form-js

CI

View and visually edit JSON-based forms.

Usage

This library exports a form viewer and editor.

Display a Form

Renders a form based on a form schema and existing data:

import { Form } from '@bpmn-io/form-js';

const form = new Form({
  container: document.querySelector('#form')
});

await form.importSchema(schema, data);

form.on('submit', (event) => {
  console.log(event.data, event.errors);
});

See viewer documentation for further details.

Create and Edit a Form

Create a new form or edit an exsting one:

import { FormEditor } from '@bpmn-io/form-js';

const formEditor = new FormEditor({
  container: document.querySelector('#form-editor')
});

await formEditor.importSchema(schema);

See editor documentation for further details.

Resources

License

Use under the terms of the bpmn.io license.

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].