Big news!Introducing Socket AI - ChatGPT-Powered Threat Analysis. Learn more
Socket
Log inDemoInstall

formik-pf

Package Overview
Dependencies
0
Maintainers
1
Versions
10
Issues
File Explorer

Advanced tools

formik-pf

A UI library that provides formik bindings with PF components.

    0.0.1-alpha10latest
    GitHub

Version published
Maintainers
1
Weekly downloads
645
decreased by-16.45%

Weekly downloads

Readme

Source

Formik PF

build version license

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

Demo

Installation

Install dependencies

Using npm
npm install formik-pf
Using yarn
yarn add formik-pf

Setup Patternfly CSS

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

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

Form Field Example

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.

Keywords

FAQs

Last updated on 05 Dec 2022

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.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc