Construction of a Form

Jump to bottom Edit New page

tylerlee edited this page Oct 22, 2014 · 10 revisions

Input Types

BasicInput
- TextInput
- EmailInput
- UrlInput
- PasswordInput
- NumberInput
- PhoneInput
McInput
- RadioInput
- CheckboxInput
SelectInput

QuestionGroup

Radio and checkboxes can exist on their own, or you can include them in a question group.

Form Tag

<Form action="/test" onSubmit={this.handleSubmit}>
  <TextInput 
    name="first_name"
    label="First Name" />
    
  <QuestionGroup
    question="Do you agree to this?"
    required={true}>
    <RadioInput name="agreement" label="Yes" />
    <RadioInput name="agreement" label="No" />
  </QuestionGroup>

  <Submit />
</Form>