react-form-page-transition

react-form-page-transition is a React component that enables to make easy <form /> page transitions

Installation

If you're using npm, in the command prompt run:

npm install react-form-page-transition --save

If you're using yarn, run:

yarn add react-form-page-transition

Usage

To use the component, first import FormPageTransition into your file:

import FormPageTransition from "react-form-page-transition";

Then, place the <FormPageTransition> in the component you want to make the page transition with forms.

A sample file might look like this:

import React from "react";
import FormPageTransition from "react-form-page-transition";

const App = () => (
  <FormPageTransition
    redirectUrl="redirectUrl"
    requestMethod="GET"
    requestBody={{ hello: "hola", world: "mundo" }}
  />
);

export default App;

Props

| Name | Type | Default | Description | | :-------------- | :------------------ | :------ | :--------------------------------------- | | redirectUrl | string | "" | The action attribute value of the form | | requestMethod | "GET" | "POST" | "GET" | The method attribute value of the form | | requestBody | object | {} | The values of the form |