https://github.com/Deadly0/final-form-material-ui

A set of wrapper components to facilitate using Material UI with Final Form
https://github.com/Deadly0/final-form-material-ui

Last synced: 3 months ago
JSON representation

A set of wrapper components to facilitate using Material UI with Final Form

• Host: GitHub
• URL: https://github.com/Deadly0/final-form-material-ui
• Owner: Deadly0
• Created: 2018-06-12T17:15:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T11:33:35.000Z (almost 2 years ago)
• Last Synced: 2024-07-23T18:22:20.074Z (4 months ago)
• Language: TypeScript
• Homepage:
• Size: 348 KB
• Stars: 92
• Watchers: 4
• Forks: 33
• Open Issues: 31
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-material-ui - Final-Form-Material-UI - Wrapper components to facilitate using Material-UI with Final Form. (Components)

README

        
# Final Form Material UI

[![NPM Version](https://img.shields.io/npm/v/final-form-material-ui.svg?style=flat-square)](https://www.npmjs.com/package/final-form-material-ui)

[![NPM Downloads](https://img.shields.io/npm/dm/final-form-material-ui.svg?style=flat-square)](https://www.npmjs.com/package/final-form-material-ui)

A set of wrapper components to facilitate using [Material-UI](https://github.com/mui-org/material-ui) with Final Form.

### Available fields

```jsx

import {TextField, Checkbox, Radio, Select, Input} from 'final-form-material-ui';

```

##### TextField

```jsx

import React from 'react';

import {Field} from 'react-final-form';

import {TextField} from 'final-form-material-ui';

```

##### Input

```jsx

import React from 'react';

import {Field} from 'react-final-form';

import {Input} from 'final-form-material-ui';

import InputAdornment from '@material-ui/core/InputAdornment';

			

				Forgot password?

			

		

	}

/>

```

##### Select

Use can pass any props from [`Select docs`](https://material-ui.com/api/select/) to `Field`.

Additional props for `Field`:

* `label` - label for select

* `formControlProps` - object of props for `FormControl` component

```jsx

import React from 'react';

import {Field} from 'react-final-form';

import {Select} from 'final-form-material-ui';

import MenuItem from '@material-ui/core/MenuItem';

    

        London

    

    

    

        Paris

    

```