email-field

5min

The email-field component can only be used in a jig.default﻿ inside of a form﻿ component for an input of an email address.
Email 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.
﻿Examples and code snippets ﻿
Email Field on Form
Form with an email field
﻿
The widget displays a form input for the email address.
Examples:
See the full example using static data in GitHub. 
See the full example using dynamic data in GitHub. 
email-field (static)
email-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)﻿
﻿