Inline Textarea Field


The InlineTextareaField 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 InlineTextareaField may be used in an Inline Form.

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

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

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

Options

KeyDescription
nameThe path to some value in the data being edited.

Interface

export interface InlineTextareaFieldProps {
  name: string
}