# \ A web component that renders a form based on a JSONSchema & a UISchema specification. This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendations. ## Installation ```bash npm i @mistio/mist-form ``` ## Usage Import mist-form ```html ``` Add mist-form to the DOM, providing a JSON Schema document. You may also provide a UI Schema & the initial form data. ```html ``` As an alternative, pass a url to the JSON Schema. The file may include the UI Schema & initial form data. ```html ``` ## Sample Below is a sample html file that renders a simple form. Note the jsonSchema, uiSchema & formData objects that are passed to the form. ```html

``` ## Linting with ESLint, Prettier, and Types To scan the project for linting errors, run ```bash npm run lint ``` You can lint with ESLint and Prettier individually as well ```bash npm run lint:eslint ``` ```bash npm run lint:prettier ``` To automatically fix many linting errors, run ```bash npm run format ``` You can format using ESLint and Prettier individually as well ```bash npm run format:eslint ``` ```bash npm run format:prettier ``` ## Testing with Cypress To run the suite of Cypress tests, run ```bash npm run test:cypress ``` ## Tooling configs For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project. If you customize the configuration a lot, you can consider moving them to individual files. ## Local Demo with `es-dev-server` ```bash npm start ``` To run a local development server that serves the basic demo located in `demo/index.html` You can also see other form demos: `demo/createVolume.html` : Demo of the create volume form ## Properties ### Form properties TODO ### Field properties TODO ## Conditionals TODO ## Custom widgets TODO ## Styling TODO ## Supported json schema version https://json-schema.org/draft/2019-09/schema