Getting started:
Related tutorials:
Getting started:
Related tutorials:
const withCss = require('@zeit/next-css') | |
const withSaas = require('@zeit/next-sass') | |
module.exports = withCss(withSaas({ | |
webpack: (config, { isServer }) => { | |
if (isServer) { | |
const antStyles = /antd\/.*?\/style\/css.*?/ | |
const origExternals = [...config.externals] | |
config.externals = [ |
import React from "react"; | |
import ReactDOM from "react-dom"; | |
import "./styles.css"; | |
import MultiStepForm from "./MultiStepForm"; | |
function App() { | |
return ( | |
<div className="app"> | |
<div className="wrapper"> |
import React from "react"; | |
import { useForm, useStep } from "react-hooks-helper"; | |
import Names from "./Names"; | |
import Address from "./Address"; | |
import Contact from "./Contact"; | |
import Review from "./Review"; | |
import Submit from "./Submit"; | |
import "./styles.css"; |
import React from "react"; | |
import ItemForm from "./ItemForm"; | |
const Names = ({ setForm, formData, navigation }) => { | |
const { firstName, lastName, nickName } = formData; | |
const { next } = navigation; | |
return ( |
import React from "react"; | |
import ItemForm from "./ItemForm"; | |
import StateDrop from "./StateDrop"; | |
const Address = ({ setForm, formData, navigation }) => { | |
const { address, city, state, zip } = formData; | |
const { previous, next } = navigation; |
import React from "react"; | |
import ItemForm from "./ItemForm"; | |
import StateDrop from "./StateDrop"; | |
const Address = ({ setForm, formData, navigation }) => { | |
const { address, city, state, zip } = formData; | |
const { previous, next } = navigation; |
import React from "react"; | |
import ItemForm from "./ItemForm"; | |
const Contact = ({ setForm, formData, navigation }) => { | |
const { phone, email } = formData; | |
const { previous, next } = navigation; | |
return ( |
import React from "react"; | |
const Review = ({ setForm, formData, navigation }) => { | |
const { | |
firstName, | |
lastName, | |
nickName, | |
address, | |
city, | |
state, |
import React from "react"; | |
const Submit = ({ navigation }) => { | |
const { go } = navigation; | |
return ( | |
<div> | |
<h3>Thank you for submitting. We will be in touch</h3> | |
New Form -> <button onClick={() => go("names")}>New</button> | |
</div> | |
); | |
}; |