# Collecting users' input

<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->

Our user form, here, is modeled after a real-world scenario where:

-   A user fills out a form, and submits it with a button click
-   The button-click saves the user (see invoked function)
-   An **admin-rights-restricted** button, when clicked, triggers the profile creations (see invoked function)

**User form and submission buttons sample**

```javascript
return (
    <form onSubmit={addUserToPending}>
        <input
            value={userEmail}
            onChange={(e) => setUserEmail(e.target.value)}
        />
        <input
            value={userCountry}
            onChange={(e) => setUserCountry(e.target.value)}
        />
        <input
            value={userCompany}
            onChange={(e) => setUserCompany(e.target.value)}
        />
        <select value={userRole} onChange={(e) => setUserRole(e.target.value)}>
            <option value="Agent">Agent</option>
            <option value="Admin">Admin</option>
        </select>
    </form>
);
```

<ChildNavigator sidebarName="contact-center" targetKey="managing-users" />