design-doc.md

Data Interface

1. Label

• Used to input the label of this form field.
• Shown as an input field in the property panel.
• Default Value: Pick a color.

2. Selected Value

• The value that is captured by this form element, after the user has used it during form submission.
• Shown as a text string in the property panel.
• Default Value: #000000.

Properties Exposed

1. Disabled

• Disables the form element.
• Shown as a checkbox in the property panel.
• Default Value: Unchecked.

2. Mandatory

• Designates the field as mandatory in a form.
• Shown as a checkbox in the property panel.
• Default Value: Unchecked.

3. Label Float

• Configures whether the label of this form field lies within the field or floats outside it.
• Shown as a checkbox in the property panel.
• Default Value: Checked.

4. Style

• Configures whether the color picker on click resembles a Photoshop style or Sketch style picker.
• Shown as a pill button in the property panel.
• Possible values: Photoshop, Sketch
• Default Value: Photoshop