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.


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}>
        <BlockText name="tagline" />

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


nameThe path to some value in the data being edited.


export interface BlockTextProps {
  name: string