Formulaik-DropZone React component library

Visit The Formulaik project to get started with Formulaik.

This a Formulaik components library for react-dropzone. Formulaik components are a set of inputs compatible with a Formulaik engine. In this case, the Formulaik-DropZone library is made for the Formulaik React engine.

The Formulaik project is an open source initiative for defining cross-platform forms, enabling reusable components in a JSON based declarative approach. Formulaik aims to simplify form building across various front-end frameworks. Formulaik defines a protocol for defining form inputs as a sole source of truth (data type, behaviour, validation) in json, which is interpreted by a platform-specific formulaik engine.

Install

1. Install the React formulaik engine

npm install @formulaik/react

2. Install the components library

npm install @formulaik-community/formulaik-dropzone-react

Usage

Create your inputs and create the form using formulaik:

  ...
  const inputs = [
    {
      component: 'dropzone',
      id: 'files',
      label: 'Files',
      params: {
        accept: "image/*,audio/*,video/*",
        maxFiles: 10
      }
    },
  ]
  ......

Components

| Component Key | Description | Parameters | | ------------------- | -------------------------- | ------------ | | files | File inputs | #TODO |

Versionning

This repository follows the semantic branching model.

Contributors

Aboubacar Doucouré

This project follows the all-contributors specification. Contributions of any kind welcome! Please contact me if you want to contribute to the core frameworks or add a components library.

License

MIT © yelounak

References

• The Formulaik project documentation
• Getting started with Formulaik React 🚀
• Contribute to Formulaik
• Forumaik Blog