zing-forms v0.13.1

Zing Forms

Form Sample

<ThemeProvider theme={theme}>
  <MuiPickersUtilsProvider utils={MomentUtils} locale={"en"}>
    <ZingFormExpansionPanel>
      <ZingForm title="Subscription Details"
        subTitle="Please enter subscription details"
        icon={<PersonIcon />}
        submitAction={submitAction}
        loadAction={loadAction}>
        <ZingFormSelectBox name="title" label="Title" data={titles} autoFocus required />
        <ZingFormTextBox name="givenName" label="First Name" required />
        <ZingFormTextBox name="surname" label="Last Name" required />
        <ZingFormDatePicker name="dateOfBirth" label="Date of Birth" required />
        <ZingFormRadioBox name="sex" label="Gender" data={sexes} />
        <ZingFormCheckBox name="subscriptions" label="Subscriptions" data={subscriptions} />
      </ZingForm>
    </ZingFormExpansionPanel>
  </MuiPickersUtilsProvider>
</ThemeProvider>

Commands

npm start # or yarn start

This builds to /dist and runs the project in watch mode so any edits you save inside src causes a rebuild to /dist.

Then run the example inside another:

cd demo
npm i # or yarn to install dependencies
npm start # or yarn start