Final Form Material UI
A set of wrapper components to facilitate using
material-ui
with Final Form
Available fields
import TextField Checkbox Radio Select Input from 'final-form-material-ui';
TextField
import React from 'react';import Field from 'react-final-form';import TextField from 'final-form-material-ui'; <Field ="domain" ="text" = ="Domain" ="normal" />
Input
import React from 'react';import Field from 'react-final-form';import Input from 'final-form-material-ui';import InputAdornment from '@material-ui/core/InputAdornment'; <Field ="password" = ="input" ="password" ="Password" =
Select
Use can pass any props from Select docs
to Field
.
Additional props for Field
:
label
- label for selectformControlProps
- object of props forFormControl
component
import React from 'react';import Field from 'react-final-form';import Select from 'final-form-material-ui';import MenuItem from '@material-ui/core/MenuItem'; <Field ="city" ="Select city"} = => <MenuItem ="London"> London </MenuItem> <MenuItem ="Paris"> Paris </MenuItem></Field>