NumberInputWithValidation

An input that returns a float or integer, rather than text. Use this as a child of the <Form/> component.

Number of cats

What's this?

() => (
  <Form>
    {form => (
      <NumberInputWithValidation
        label="Number of cats"
        form={form}
        name="numberOfCats"
        suffix=" cats"
        hintLabel="What's this?"
        onHintPress={() => console.log('WOOHOO!!')}
      />
    )}
  </Form>
)

() => (
  <Form>
    {form => (
      <NumberInputWithValidation
        label="Number of cats"
        form={form}
        name="numberOfCats"
        suffix=" cats"
        hintLabel="What's this?"
        onHintPress={() => console.log('WOOHOO!!')}
      />
    )}
  </Form>
)