Input

Displays a compact single-line input field. It works like the Text control but is suited to short technical values — numbers, comma-separated lists, or code-like strings — rather than sentences of content.

Control Example

{
  "title": "Cubic Bezier",
  "id": "timingFunctionCustom",
  "format": "ease-[cubic-bezier({{value}})]",
  "input": {
    "default": "0.95,0.05,0.795,0.035",
    "subtitle": "x1, y1, x2, y2"
  }
}

Group Example

{
  "groups": [{
    "title": "Transition",
    "properties": [{
      "title": "Cubic Bezier",
      "id": "timingFunctionCustom",
      "format": "ease-[cubic-bezier({{value}})]",
      "input": {
        "default": "0.95,0.05,0.795,0.035",
        "subtitle": "x1, y1, x2, y2"
      }
    }]
  }]
}

Supported Options

The input control supports the following options.

Key	Type	Notes
default	string	The default value for the field.
subtitle	string	Helper text displayed underneath the field.

Value

In templates, {{id}} returns the entered string, with format applied if set. In the example above the default value renders as ease-[cubic-bezier(0.95,0.05,0.795,0.035)].

Hidden Properties

An input combined with "visible": "false" is a handy way to store a constant value that other properties can reference in their visible or enable expressions:

{
  "title": "Background Type",
  "id": "backgroundType",
  "visible": "false",
  "input": {
    "default": "static"
  }
}