https://github.com/gravel-form/blueprintjs-form

A flexible middlewares driven json schema form with Blueprintjs
https://github.com/gravel-form/blueprintjs-form

blueprintjs form json json-schema react schema

Last synced: 2 months ago
JSON representation

A flexible middlewares driven json schema form with Blueprintjs

• Host: GitHub
• URL: https://github.com/gravel-form/blueprintjs-form
• Owner: gravel-form
• License: mit
• Created: 2020-04-02T14:02:26.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T16:39:07.000Z (about 2 years ago)
• Last Synced: 2024-09-23T06:37:02.455Z (4 months ago)
• Topics: blueprintjs, form, json, json-schema, react, schema
• Language: TypeScript
• Homepage: https://gravel-form.github.io/blueprintjs-form/basic
• Size: 7.69 MB
• Stars: 7
• Watchers: 2
• Forks: 2
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @gravel-form/blueprintjs

A flexible middlewares driven json schema form. The only limitation is your imagination.

## Quick start

```bash

npm install @gravel-form/blueprintjs

npm install @blueprintjs/datetime # optional

```

``` jsx

import React from 'React';

import '@blueprintjs/core/lib/css/blueprint.css';

import '@blueprintjs/datetime/lib/css/blueprint-datetime.css';

import { Form, presetMws } from "@gravel-form/blueprintjs";

const MyFirstForm = () => {

  const schema = {

    type: 'object',

    properties: {

      username: { type: 'string' },

      password: { type: 'string' },

    },

  };

  const extraProps = {

    properties: {

      password: {

        props: { type:'password' },

      },

    },

  };

  const [data, setData] = React.useState();

  return (

     {

        alert(JSON.stringify(data, null, 2));

      }}

    />

  );

};

```

## Playground

More examples can be found on the [playground](https://gravel-form.github.io/blueprintjs-form/basic).