JSPM

  • Created
  • Published
  • Downloads 1714
  • Score
    100M100P100Q95581F
  • License ISC

Custom Formio.js Core

Package Exports

  • @opencitylabs/formio-core
  • @opencitylabs/formio-core/dist/cjs/index.js
  • @opencitylabs/formio-core/dist/esm/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@opencitylabs/formio-core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Custom Form.io Core based to Bootstrap Italia

This repository implements a web component based on formio/react

Usage

To use Design React as a dependency in your React project you can install it from npm.

npm i @opencitylabs/formio-core
 
yarn add @opencitylabs/formio-core

More information on creating a new app with React:

Using Formio Core

import '@opencitylabs/formio-core'
import '@opencitylabs/formio-core/dist/ocl.min.css'

Form render scripts

If used in React projects

 return (
   <render-form
        url="https://form-qa.stanzadelcittadino.it/form/6345270e7df272004dd69349"
        read-only="false"
        submission='{"data":{"sdcfile":[],"test": "testo","applicant":{"data":{"email_address":"test@test.it","completename":{"data":{"name":"Vittorino","surname":"Coliandro"}},"gender":{"data":{"gender":"maschio"}},"fiscal_code":{"data":{"fiscal_code":"CLNABD76P01G822Q"}},"Born":{"data":{"natoAIl":"01\/09\/1976","place_of_birth":"Ponsacco"}},"address":{"data":{"address":"Via Gramsci, 1","house_number":"","municipality":"Bugliano","county":"TN","postal_code":"56056"}}}}}}'>
   </render-form>
)

If used in Webpack projects

   <render-form
        url="https://form-qa.stanzadelcittadino.it/form/6345270e7df272004dd69349"
        read-only="false"
        submission='{"data":{"sdcfile":[],"test": "testo","applicant":{"data":{"email_address":"test@test.it","completename":{"data":{"name":"Vittorino","surname":"Coliandro"}},"gender":{"data":{"gender":"maschio"}},"fiscal_code":{"data":{"fiscal_code":"CLNABD76P01G822Q"}},"Born":{"data":{"natoAIl":"01\/09\/1976","place_of_birth":"Ponsacco"}},"address":{"data":{"address":"Via Gramsci, 1","house_number":"","municipality":"Bugliano","county":"TN","postal_code":"56056"}}}}}}'>
   </render-form>

Builder form scripts

If used in React projects

 return (
   <build-form
        url="https://form-qa.stanzadelcittadino.it/form/6345270e7df272004dd69349"
        read-only="false"
        submission='{"data":{"sdcfile":[],"test": "testo","applicant":{"data":{"email_address":"test@test.it","completename":{"data":{"name":"Vittorino","surname":"Coliandro"}},"gender":{"data":{"gender":"maschio"}},"fiscal_code":{"data":{"fiscal_code":"CLNABD76P01G822Q"}},"Born":{"data":{"natoAIl":"01\/09\/1976","place_of_birth":"Ponsacco"}},"address":{"data":{"address":"Via Gramsci, 1","house_number":"","municipality":"Bugliano","county":"TN","postal_code":"56056"}}}}}}'>
   </build-form>
)

If used in Webpack projects

   <build-form
        url="https://form-qa.stanzadelcittadino.it/form/6345270e7df272004dd69349"
        read-only="false"
        submission='{"data":{"sdcfile":[],"test": "testo","applicant":{"data":{"email_address":"test@test.it","completename":{"data":{"name":"Vittorino","surname":"Coliandro"}},"gender":{"data":{"gender":"maschio"}},"fiscal_code":{"data":{"fiscal_code":"CLNABD76P01G822Q"}},"Born":{"data":{"natoAIl":"01\/09\/1976","place_of_birth":"Ponsacco"}},"address":{"data":{"address":"Via Gramsci, 1","house_number":"","municipality":"Bugliano","county":"TN","postal_code":"56056"}}}}}}'>
   </build-form>

Documentation: