Inline Text Block


Inline BlockText represents a single line text input. It should be used for content values that are short strings, for example, a page title.

Definition

Below is an example of how BlockText may be used in a Block Component definition.

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

// Example 'Tagline' Block
export function Tagline(props) {
  return (
    <BlocksControls index={props.index}>
      <h2>
        <BlockText name="tagline" />
      </h2>
    </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
}