Input Options

When creating an element you’re given the ability to create an options list in some places, these options follow a set of rules and are then rendered into actual ui which handle user input. An option is made with the following structure:

1
2
3
4
5
6
7

{
  label: 'Label'
  type: 'OPTION_TYPE',
  id: 'OPTION_ID',
  props: {...optional},
  unlocks: ...optional
}

Explaining each one with more detail:

• label (String optional) - the option label, can be anything you want.
• type (String required) - the option type, you have a list of valid option types which we’ll list next.
• id (String required) - the option id, this is used to save the option and for you to access it.
• props (Object optional) - some option types allow some extra props to define some of its aspects.
• unlocks (Object||Array optional) - some option types allow you to define further options which are unlocked when the option is of a certain value.

Available Option Types

As said above you have a strict list of option types and some accept extra props, so here’s a detailed list of every option type you can use: