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