Christmas Sale! Get 69% OFF for All Publii Themes Get the pack!

Christmas Sale 69% OFF! All Publii Themes

GitHub Download

Text input

Text input is the default field type which is used if the specified field type does not match the other available fields. It will display the standard input field.

The most straightforward text input field syntax is as follows:

{
    "name": "fieldName",
    "label": "Field name",
    "group": "Group name",
    "value": "default value",
    "type": "text"
}
Text Input

If you will use a type value which does not match other fields types, that value will be used as a type attribute in the rendered input HTML element.

That allows you to create fields like "number", "hidden", "email", "www" etc.

Custom parameters

The text input field supports few other parameters compliant with the HTML input element syntax:

  • min
  • max
  • size
  • step
  • pattern
  • placeholder

Also, there is available an additional parameter that allows creating a short description of the text input field:

  • note

Example:

{
    "name": "pageWidth",
    "label": "Page width",
    "group": "Layout",
    "value": "63rem",
    "note": "Use of „rem” units recommended; also use others (px, vw)",
    "type": "text"
}
Text input

Subscribe

Get the latest Publii news, updates and more delivered directly to your email inbox

You can change your mind at any time by clicking the unsubscribe link in the footer of any email you receive from us, or by contacting us at contact@tidycustoms.net. By clicking below, you agree that we may process your information in accordance with our Privacy Policy.