Tom Rutgers fad8e766cf
Update select.md (#2227)
* Update select.md
2019-03-20 16:42:04 +01:00

1.3 KiB

label title
Select select

The select widget allows you to pick a string value from a dropdown menu.

  • Name: select
  • UI: select input
  • Data type: string or array
  • Options:
    • default: accepts a string; defaults to an empty string. Accepts an array of strings and defaults to an empty array with multiple: true enabled.
    • options: (required) a list of options for the dropdown menu; can be listed in two ways:
      • string values: the label displayed in the dropdown is the value saved in the file
      • object with label and value fields: the label displays in the dropdown; the value is saved in the file
    • multiple: accepts a boolean; defaults to false
  • Example (options as strings):
    - label: "Align Content"
      name: "align"
      widget: "select"
      options: ["left", "center", "right"]
    
  • Example (options as objects):
    - label: "City"
      name: "airport-code"
      widget: "select"
      options:
        - { label: "Chicago", value: "ORD" }
        - { label: "Paris", value: "CDG" }
        - { label: "Tokyo", value: "HND" }
    
  • Example (multiple):
    - label: "Tags"
      name: "tags"
      widget: "select"
      multiple: true
      options: ["Design", "UX", "Dev"]
      default: ["Design"]