Inline Textarea Block


Inline BlockTextarea represents a multiline 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 BlockTextarea may be used in a Block Component definition.

import { BlocksControls, BlockTextarea } from 'react-tinacms-inline'

// Example 'SupportCopy' Block
export function SupportCopy({ index }) {
  return (
    <BlocksControls index={index}>
      <h3>
        <BlockTextarea name="support_copy" />
      </h3>
    </BlocksControls>
  )
}

Note: Block 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 BlockTextProps {
  name: string
}