formik-pf
Advanced tools
Weekly downloads
Readme
A UI library that provides bindings for using Formik with Patternfly.
npm install formik-pf
yarn add formik-pf
Import css from patternfly before importing components from formik-pf.
import '@patternfly/react-core/dist/styles/base.css'
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.
import { Form, Button } from '@patternfly/react-core';
import { Formik } from 'formik';
import { InputField } from 'formik-pf'
const ExampleForm = () => {
return (
<Formik
initialValues={{ name: '' }}
onSubmit={(values) => console.log(values)}
>
{({ handleSubmit }) => (
<Form onSubmit={handleSubmit}>
<InputField name="name" label="Name" type="text" placeholder="Enter your name" />
<Button type="submit">Submit</Button>
</Form>
)}
</Formik>
);
};
This project requires Formik>= 2.0.0.
FAQs
A UI library that provides formik bindings with PF components.
The npm package formik-pf receives a total of 645 weekly downloads. As such, formik-pf popularity was classified as not popular.
We found that formik-pf demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.