Mobile form

Easily create single column layouts and render mobile forms using the various form elements like buttons, inputs, radio buttons and more.

Use the global options for setting the theme, localization options and everything that should be consistent across your app.

Building for larger screens?  See how to make forms for tablets & desktops →
Get started with this example

Demo

Loading the live demo

Preview in full screen

Code

View code on GitHub 
import { Input, Page, setOptions  } from '@mobiscroll/react';

setOptions({
  locale:  ,
  theme: ' ',
  themeVariant: ' '
});

function App() {
  return (
    <Page>
      <div className="mbsc-form-group">
        <div className="mbsc-form-group-title">User Data</div>
        <Input label="First name" placeholder="First Name" />
        <Input label="Last name" placeholder="Last Name" />
        <Input label="User name" placeholder="User Name" />
        <Input label="Company" placeholder="Company Name" />
        <Input label="Email" placeholder="Email Address" />
      </div>
      <div className="mbsc-form-group">
        <div className="mbsc-form-group-title">Phone Number</div>
        <Input label="Home" placeholder="Home" />
        <Input label="Business" placeholder="Business" />
        <Input label="Fax" placeholder="Fax" />
      </div>
    </Page>
  );
}

export default App;

Duplicate Session

You have signed in on a different machine. To keep everything in sync, you have been signed out of this session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.

Duplicate Session

We noticed you are logged in on a different machine and have closed your old session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.