API ReferenceFieldsText

Text

Render a text input. Extends Base.

Interactive Demo
Example

Hello, world

const config = { components: { Example: { fields: { title: { type: "text", }, }, render: ({ title }) => { return <p>{title}</p>; }, }, }, };

Params

ParamExampleTypeStatus
typetype: "text"”text”Required
placeholderplaceholder: "Lorem ipsum..."String-

Required params

type

The type of the field. Must be "text" for Text fields.

const config = { components: { Example: { fields: { items: { type: "text", }, }, // ... }, }, };

Optional params

Placeholder

The placeholder text to display when the field is empty.

const config = { components: { Example: { fields: { title: { type: "text", placeholder: "Lorem ipsum...", }, }, // ... }, }, };
Interactive Demo
Example