text-field

5min

This component can only be used in a jig.default﻿ inside of a form﻿ component to input text. It allows users to enter a variety of letters, numbers, and special signs. 
Text Field Preview
﻿
﻿Configuration options﻿
Some properties are common to all components, see Common component properties﻿ for a list and their configuration options.
﻿
The core structure includes: instanceId and label
Other options:
icon - There is a list of icons available, but you can customize the design with your own icon
color - There is a list of colors available. The color is used in combination with the condition when.
minLength - Specifies the minimum number of characters
maxLength - Specifies the maximum number of characters
﻿Examples and code snippets ﻿
Text Field on Form
Form with text field
﻿
The widget displays a form input that allows a user to enter text - in our case specifically name. 
Examples:
See the full example using static data in GitHub. 
See the full example using dynamic data in GitHub.
text-field (static)
text-field (dynamic)
datasources (dynamic)
|
datasources:
  field-values:
    type: datasource.sqlite
    options:
      provider: DATA_PROVIDER_DYNAMIC
      entities:
        - entity: default/value
      query: |
        SELECT
          '$.id',
          '$.number',
          '$.text',
          '$.email',
          '$.category'
        FROM [default/value] WHERE '$.category' = "field-category"
datasources:
  field-values:
    type: datasource.sqlite
    options:
      provider: DATA_PROVIDER_DYNAMIC
      entities:
        - entity: default/value
      query: |
        SELECT
          '$.id',
          '$.number',
          '$.text',
          '$.email',
          '$.category'
        FROM [default/value] WHERE '$.category' = "field-category"
﻿
See also
﻿Developer reference﻿
﻿﻿﻿Related examples (Github)﻿﻿﻿
﻿