Content block

Configuration rows

Editable sending options with popovers, current values, and warnings.

Copy the bindings from: app/features/forms/routes/dashboard/submitted-forms.kind/components/send-contract-drawer.tsx
Route: /dashboard/accounts/:acctId/sites/:siteId/submitted-forms/:kind

Needs input

Printed props

<Form
  validator={{
    validate: validate,
  }}
  onSubmit={onSubmit}
>
  <ConfigurationRow
    label="Recipients"
    value="Choose a recipient"
    warning
    isOpen={false}
    onOpenChange={onOpenChange}
  >
    <FormInput
      name="recipient"
      label="Recipient email"
      defaultValue="[email protected]"
    />
  </ConfigurationRow>
</Form>

Configured

Printed props

<Form
  validator={{
    validate: validate,
  }}
  onSubmit={onSubmit}
>
  <ConfigurationRow
    label="Email templates"
    value="Adoption Contract Signing Link, Contract Signed"
    isOpen={false}
    onOpenChange={onOpenChange}
  >
    <FormInput
      name="template"
      label="Template"
      defaultValue="Adoption Contract Signing Link"
    />
  </ConfigurationRow>
</Form>

Validation error

Printed props

<Form
  validator={{
    validate: validate,
  }}
  onSubmit={onSubmit}
>
  <ConfigurationRow
    label="Recipients"
    value=""
    error="Choose at least one recipient."
    isOpen={false}
    onOpenChange={onOpenChange}
  >
    <FormInput
      name="invalidRecipient"
      label="Recipient email"
    />
  </ConfigurationRow>
</Form>