Formik PF

!build
!version

A UI library that provides bindings for using Formik with Patternfly.

Demo

Installation

$3

#### Using npm

``sh
npm install formik-pf
`

#### Using yarn

`
yarn add formik-pf
`

$3

Import css from patternfly before importing components from formik-pf.

`typescript
import '@patternfly/react-core/dist/styles/base.css'
`

$3

A form field is a PF form component wrapped around formik form context. The field component just needs the path to formik context and it can automatically connect to the values, errors and validation states for that path.

`tsx
import { Form, Button } from '@patternfly/react-core';
import { Formik } from 'formik';
import { InputField } from 'formik-pf'

const ExampleForm = () => {
return (
initialValues={{ name: '' }}
onSubmit={(values) => console.log(values)}
>
{({ handleSubmit }) => (




Submit

)}

);
};


``

This project requires Formik>= 2.0.0.