Form Elements

Summary

All form elements mostly follow the same pattern:

• a symbol (like :, $, * etc)

• square brackets:

  • an identifier: lets you refer to the selected value in Templating & Interpolation

  • a placeholder value

• curly braces:

  • let you define a default value (or a list of options in the case of a dropdown)

  • uses Fig's scripting language

^[identifier: placeholder ]{ script }

Note: There should NEVER be a space between the square brackets and curly braces

Elements

Click on each element to get more information + examples

Input / Text Field

:[identifier: placeholder ]{ defaultvalue }

Textarea

$[identifier: placeholder ]{ defaultvalue }

Dropdown

^[id: placeholder ]{ array_of_options }

Checkboxes

%[identifier: value ]{ default_value }

• If an identifier is used once, output is boolean

• If an identifier is used multiple times, output is an array of selected values.

Buttons

+[identifier: "Button Label"]{ script that is run when button is clicked }

• Using the button's identifier in mustache braces will show the output of the script to run