The InlineTextarea component represents a multi-line text input. It should be used for content values that are long strings: for example, a page description.

Definition

Below is an example of how InlineTextarea may be used in an Inline Form.

import { useForm, usePlugin } from 'tinacms'
import { InlineForm, InlineTextarea } from 'react-tinacms-inline'

// Example 'Page' Component
export function Page(props) {
  const [, form] = useForm(props.data)
  usePlugin(form)
  return (
    <InlineForm form={form}>
      <h3>
        <InlineTextarea name="title" />
      </h3>
    </InlineForm>
  )
}

Note: Some Inline Field styles can be extended or overridden via Styled Components.

Options

Interface

interface InlineTextareaProps {
  name: string
  className?: string
  focusRing?: boolean
}