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 ( <Form middlewares={presetMws} schema={schema} extraProps={extraProps} data={data} onChange={setData} onSubmit={(data) => { alert(JSON.stringify(data, null, 2)); }} /> ); };