Final Form Material UI


A set of wrapper components to facilitate using
material-ui
with Final Form

$3

``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';

name="domain"
type="text"
component={TextField}
label="Domain"
margin="normal"
fullWidth
/>
`

##### 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';

name="password"
component={Input}
className="input"
type="password"
placeholder="Password"
endAdornment={


Forgot password?


}
/>
`

##### Select
Use can pass any props from Select docs 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';

name="city"
label="Select city"}
formControlProps={{className: 'my-class'}}
component={Select}
>

London



Paris


``