Build forms
the right way. 

import React from 'react';
import { Form, Input } from 'formfusion';

const MyForm = () => {
    const onSubmit = (data) => {
        alert('Form submitted successfully' + JSON.stringify(data));
    };

    return (
        <Form onSubmit={onSubmit} className={classes.form}>
            <Input
                id="firstName"
                name="firstName"
                type="alphabetic"
                label="First name"
                placeholder="What's your first name"
                required
            />
            <div className={classes.form__inline}>
                <Input
                    id="email"
                    name="email"
                    type="email"
                    label="Email"
                    placeholder="Enter your email"
                    required
                />
                <Input
                    id="phone"
                    name="phone"
                    type="text"
                    label="Phone number"
                    mask="(+#) ### ### ####"
                    placeholder="(+X) XXX XXX XXXX"
                    required
                />
            </div>
            <button type="submit">Test me</button>
        </Form>
    );
};

export default MyForm;