個人創作formik material的表單欄位基於react
阿新 • • 發佈:2018-12-18
github地址
https://github.com/daixianceng/formik-material-fields
formik-material-fields
A set of material style fields for formik
formik-material-fields
= formik + material-ui
This library provides the following components:
FormikTextField
FormikSelectField
FormikRadioGroupField
FormikCheckboxGroupField
Documentation
Installation
Using npm
:
$ npm install --save formik-material-fields
Using yarn
:
$ yarn add formik-material-fields
Usage
import React, { Component } from 'react'; import { Formik, Form } from 'formik'; import * as Yup from 'yup'; import { FormikTextField } from 'formik-material-fields'; const validationSchema = Yup.object().shape({ username: Yup.string().required(), }); const initialValues = { username: '', }; class MyForm extends Component { render() { return ( <Formik initialValues={initialValues} validationSchema={validationSchema} onSubmit={this.props.onSubmit} > {({ isValid }) => ( <Form autoComplete="off"> <FormikTextField name="username" label="Username" margin="normal" fullWidth /> </Form> )} </Formik> ); } }
License
formik-material-fields is released under the FSB License. See the bundled LICENSE
for details.