erover-react/src/formik-debug.jsx at master · lpython/erover-react · GitHub

Repository navigation

Code
Issues
Pull requests (10)
Actions
Projects
Security and quality
Insights

History

import React from 'react';

import { FormikConsumer } from 'formik';

export const Debug = () => (

<div

style={{

margin: '3rem 0',

borderRadius: 4,

background: '#f6f8fa',

boxShadow: '0 0 1px #eee inset',

}}

<div

style={{

textTransform: 'uppercase',

fontSize: 11,

borderTopLeftRadius: 4,

borderTopRightRadius: 4,

fontWeight: 500,

padding: '.5rem',

background: '#555',

color: '#fff',

letterSpacing: '1px',

}}

Formik State

</div>

{({ validationSchema, validate, onSubmit, ...rest }) => (

<pre

style={{

fontSize: '.65rem',

padding: '.25rem .5rem',

overflowX: 'scroll',

fontSize: 11,

}}

{JSON.stringify(rest, null, 2)}

</pre>

)}

</FormikConsumer>

</div>

);

erover-react/src/formik-debug.jsx at master · lpython/erover-react · GitHub

Repository navigation

Expand file tree

Breadcrumbs

formik-debug.jsx

Latest commit

History

Breadcrumbs

formik-debug.jsx

File metadata and controls