@lskjs/form-control-input NPM

LSK.js – form-control-input

@lskjs/form-control-input – Input control for Form

⌨️ Install

# yarn
yarn i @lskjs/form-control-input prop-types react

# npm
npm i @lskjs/form-control-input prop-types react

Input example:

import React from 'react';
import { Form, Field } from 'formik';
import Story from '@lskjs/dev/Story';
import createForm from '../../createForm';
import FormSubmit from '../../FormSubmit';
import Input from './Input';

const InputFormView = props => (
  <Form>
    <Field {...props.control('input')} />
    <FormSubmit {...props} />
  </Form>
);

const InputForm = createForm({
  view: InputFormView,
  controls: {
    input: {
      title: 'Input',
      component: Input,
      required: true,
    },
  },
});

<Story>
  <InputForm />
</Story>