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

Param	Example	Type	Status
`type`	`type: "text"`	”text”	Required
`placeholder`	`placeholder: "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

Select Textarea