Dashboard UI Kit

Apps PreviewDownload Design Package

Building Forms

Example Form

Country
State
<form>
  <FormGroupContainer>
    <FormGroupContainer horizontal>
      <FormGroup>
        <TextField label="Name" />
      </FormGroup>
      <FormGroup>
        <TextField label="Surname" />
      </FormGroup>
    </FormGroupContainer>
    <Divider margin />
    <FormGroupContainer horizontal>
      <FormGroup>
        <y
          block
          label="Country"
          options={[
            {
              label: 'Option',
              value: 1
            }
          ]}
          placeholder="Select Country"
        />
      </FormGroup>
      <FormGroup>
        <y
          block
          label="State"
          options={[
            {
              label: 'Option',
              value: 1
            }
          ]}
          placeholder="Select State"
        />
      </FormGroup>
    </FormGroupContainer>
    <FormGroup>
      <TextArea label="Bio" />
    </FormGroup>
  </FormGroupContainer>
</form>
ReactHTML Snippet