❤
npm
Sign UpSign In

@data-driven-forms/mui-component-mapper
TypeScript icon, indicating that this package has built-in type declarations

3.23.4 • Public • Published

npm version Tweet Twitter Follow

Data Driven Form logo

Material-UI component mapper for Data Driven Forms.

📖 For more information please visit the documentation. 📖

Material-IU docs

Table of Contents

More information

For more information please check the root repository or our documentation page.

Installation

You need to add React Form Renderer

React Form Renderer

$ npm install @data-driven-forms/react-form-renderer -S
$ yarn add @data-driven-forms/react-form-renderer

MUI mapper

$ npm install @data-driven-forms/mui-component-mapper -S
$ yarn add @data-driven-forms/mui-component-mapper

Usage

For using Data Driven Forms in your component you need the renderer and a component mapper, which provides formFields components and layoutFields components.

import React from 'react';
import { FormRenderer, componentTypes } from '@data-driven-forms/react-form-renderer';
import { componentMapper, FormTemplate } from '@data-driven-forms/mui-component-mapper';

const schema = {
  fields: [{
    component: componentTypes.TEXT_FIELD,
    name: 'name',
    label: 'Your name'
  }]
}

const Form = () => (
  <FormRenderer
    schema={schema}
    componentMapper={componentMapper}
    FormTemplate={FormTemplate}
    onSubmit={console.log}
  />
)

Basic provided components

Data Driven Forms supports all kinds of component, basic set is consisted of:

Useful links

Contribution

We welcome any community contribution. Don't be afraid to report bug or to create issues and pull-requests! 🏆

LICENSE

Apache License 2.0

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
3.16.0-v5-beta-10beta
3.23.4173latest

Version History

VersionDownloads (Last 7 Days)Published
3.23.4173
3.23.3412
3.23.279
3.23.112
3.23.00
3.22.4414
3.22.3306
3.22.260
3.22.1137
3.22.082
3.21.100
3.21.91
3.21.81
3.21.715
3.21.61
3.21.50
3.21.411
3.21.30
3.21.20
3.21.10
3.21.05
3.20.131
3.20.122
3.20.110
3.20.100
3.20.90
3.20.80
3.20.70
3.20.60
3.20.50
3.20.414
3.20.30
3.20.2896
3.20.15
3.20.00
3.19.30
3.19.21
3.19.10
3.19.01
3.18.110
3.18.100
3.18.90
3.18.82
3.18.70
3.18.60
3.18.50
3.18.40
3.18.31
3.18.20
3.18.10
3.18.00
3.17.51
3.17.40
3.17.30
3.17.20
3.17.10
3.17.00
3.16.110
3.16.100
3.16.90
3.16.83
3.16.70
3.16.60
3.16.51
3.16.40
3.16.30
3.16.21
3.16.10
3.16.00
3.15.71,137
3.16.0-v5-beta-10
3.15.60
3.16.0-v5-beta0
3.15.50
3.15.41
3.15.30
3.15.20
3.15.10
3.15.00
3.14.00
3.13.00
3.12.20
3.12.15
3.12.00
3.11.40
3.11.3436
3.11.20
3.11.10
3.11.00
3.10.01
3.9.21
3.9.10
3.9.00
3.8.415
3.8.30
3.8.20
3.8.10
3.8.00
3.7.00
3.6.40
3.6.30
3.6.20
3.6.10
3.6.01
3.5.10
3.5.00
3.4.10
3.4.00
3.3.20
3.3.10
3.3.00
3.2.10
3.2.00
3.1.20
3.1.10
3.1.00
2.24.04
3.0.10
2.23.30
2.23.20
2.23.10
2.23.00
2.22.00
2.21.10
2.21.00
2.20.30
2.20.20
2.20.10
2.20.00
3.0.0-beta.00
2.19.10
2.19.00
2.18.40
2.18.30
2.18.20
2.18.10
2.18.00
2.17.10
2.17.00
2.16.20
2.16.10
2.16.00
2.15.30
2.15.20
2.15.10
2.15.01
2.14.00
2.13.00
2.12.00
2.11.10
2.11.00
2.10.30
2.10.20
2.10.10
2.10.00
2.9.10
2.9.00
2.8.230
2.8.220
2.8.210
2.8.200
2.8.190
2.8.180
2.8.170
2.8.160
2.8.150
2.8.140
2.8.130
2.8.120
2.8.110
2.8.100
2.8.90
2.8.80
2.8.70
2.8.60
2.8.50
2.8.40
2.8.30
2.8.20
2.8.10
2.8.00
2.7.00
2.6.80
2.6.70
2.6.60
2.6.50
2.6.40
2.6.30
2.6.20
2.6.10
2.6.00
2.5.30
2.5.20
2.5.10
2.5.00
2.5.0-beta.30
2.5.0-beta.20
2.4.80
2.5.0-beta.10
2.4.70
2.4.60
2.4.50
2.4.40
2.4.30
2.4.20
2.4.10
2.4.00
2.3.20
2.3.10
2.3.00
2.2.10
2.2.00
2.1.100
2.1.90
2.1.80
2.1.70
2.1.60
2.1.50
2.1.40
2.1.30
2.1.20
2.1.10
2.1.00
2.0.80
2.0.70
2.0.60
2.0.50
2.0.40
2.0.30
2.0.20
2.0.10
2.0.00
1.30.10
1.30.00
1.29.30
1.29.20
1.29.10
1.29.00
1.28.30
1.28.20
1.28.10
1.28.00
1.27.90
1.27.80
1.27.70
1.27.60
1.27.50
1.27.40
1.27.30
1.27.20
1.27.10
1.27.00
1.26.10
1.26.00
1.25.20
1.25.10
1.25.00
1.24.00
1.23.90
1.23.80
1.23.70
1.23.60
1.23.50
1.23.40
1.23.30
1.23.20
1.23.10
1.23.00
1.22.130
1.22.120
1.22.110
1.22.100
1.22.90
1.22.80
1.22.70
1.22.60
1.22.50
1.22.00
1.21.70
1.21.60
1.21.50
1.21.40
1.21.30
1.21.20
1.21.10
1.21.00
1.20.40
1.20.30
1.20.20
1.20.10
1.20.00
1.19.40
1.19.30
1.19.20
1.18.00
1.17.00
1.16.60
1.16.51
1.16.40
1.16.30
1.16.20
1.16.10
1.16.00
1.15.70
1.15.60
1.15.50
1.15.40
1.15.30
1.15.20
1.15.10
1.15.00
1.14.30
1.14.20
1.14.10
1.14.00
1.13.80
1.13.70
1.13.60
1.13.50
1.13.40
1.13.30
1.13.20
1.13.10
1.13.00
1.12.20
1.12.10
1.12.00
1.11.10
1.11.00
1.10.50
1.10.40
1.10.30
1.10.10
1.10.00
1.9.110
1.9.100
1.9.90
1.9.81
1.9.70
0.0.60
0.0.50
0.0.40
0.0.30
0.0.20
0.0.10

Package Sidebar

Install

npm i @data-driven-forms/mui-component-mapper

Repository

github.com/data-driven-forms/react-forms

Homepage

data-driven-forms.org/

Weekly Downloads

4,242

Version

3.23.4

License

Apache-2.0

Unpacked Size

348 kB

Total Files

149

Last publish

Collaborators

  • hyperkid
  • rvsia
Try on RunKit
Report malware