Textarea

Basics

This is just a simple HTML textarea element which works within the Kingpin <Form /> component out of the box.

Props

Name	Mandatory	Purpose
name	true	A string which describe the element. Will be the element key in the submit payload
initialValue	false	The textarea initial value
validation	false	A single (or an array/object of) function(s) to validate the element. Check the doc
errorClassName	false	A className that is attached to the className on error. Check here for more.
Textarea attributes	false	All the React textarea attributes

import { Form, FormResult, Textarea } from 'kingpin-react-form'

function App(): JSX.Element {
  const submit = (e: FormEvent<HTMLFormElement>, data: FormResult) => {
    e.preventDefault()
    console.log(data)
  }

  return (
    <Form onSubmit={submit}>
      <Textarea name="comment" />
      <button type="submit">Submit</button>
    </Form>
  )
}