simple-contact v0.0.1

simple-contact-form

Simple Contact Form Component for React Applications

Install

The component is developed in React version 16.9.0, however, 16.8.x seems working as well.

React >= 16.9.0

npm install --save simple-contact

Usage

Simple Contact Form is built for simple while also providing some customizability. Here is a basic usage:

import React, { useState } from 'react';

import ContactForm from 'simple-contact';
// Don't forget to import styles
import 'simple-contact/dist/index.css';

function Example(props) {
const [loading, setLoading] = useState(false);
  const [alertMessageProps, setAlertMessageProps] = useState({
    message: "",
    type: "",
  });

  const mockAsync = () => {
    setLoading(true);
    return new Promise((resolve) => {
      setTimeout(() => {
        setAlertMessageProps({
          message: "You message has been sent",
          type: "success",
        });
        setLoading(false);
        resolve(true);
      }, 1000);
    });
  };

  return (
    <ContactForm
      fields={[
        { type: "nameGroup", required: true },
        { type: "phone", required: true },
        { type: "email", required: true },
        { type: "message", required: true },
      ]}
      loading={loading}
      submitButtonProps={{
        text: "Submit",
      }}
      alertMessageProps={alertMessageProps}
      onSubmit={mockAsync}
    />
  );
}

Form Props.

License

Simple React Form is licensed under the MIT license. (https://opensource.org/licenses/MIT)