{
  "src/components/SDDropdown.react.js": {
    "description": "SDDropdown is an example component.\nIt takes a property, `label`, and\ndisplays it.\nIt renders an input with the property `value`\nwhich is editable by the user.",
    "displayName": "SDDropdown",
    "methods": [
      {
        "name": "compressedLabel",
        "docblock": null,
        "modifiers": [],
        "params": [],
        "returns": null
      }
    ],
    "props": {
      "id": {
        "type": {
          "name": "string"
        },
        "required": false,
        "description": ""
      },
      "options": {
        "type": {
          "name": "arrayOf",
          "value": {
            "name": "shape",
            "value": {
              "label": {
                "name": "string",
                "description": "The checkbox's label",
                "required": false
              },
              "value": {
                "name": "union",
                "value": [
                  {
                    "name": "string"
                  },
                  {
                    "name": "number"
                  }
                ],
                "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
                "required": false
              },
              "disabled": {
                "name": "bool",
                "description": "If true, this checkbox is disabled and can't be clicked on.",
                "required": false
              }
            }
          }
        },
        "required": true,
        "description": "An array of options"
      },
      "value": {
        "type": {
          "name": "union",
          "value": [
            {
              "name": "string"
            },
            {
              "name": "arrayOf",
              "value": {
                "name": "string"
              }
            }
          ]
        },
        "required": false,
        "description": "The value of the input. If `multi` is false (the default)\nthen value is just a string that corresponds to the values\nprovided in the `options` property. If `multi` is true, then\nmultiple values can be selected at once, and `value` is an\narray of items with values corresponding to those in the\n`options` prop."
      },
      "className": {
        "type": {
          "name": "string"
        },
        "required": false,
        "description": "className of the dropdown element"
      },
      "buttonClassName": {
        "type": {
          "name": "string"
        },
        "required": false,
        "description": "className of the button element"
      },
      "description": {
        "type": {
          "name": "string"
        },
        "required": false,
        "description": "Description for the variable"
      },
      "humanName": {
        "type": {
          "name": "string"
        },
        "required": false,
        "description": "Human name for the variable"
      },
      "allValuesText": {
        "type": {
          "name": "string"
        },
        "required": false,
        "description": "Text to display when all values are selected, e.g. 'all ages'"
      },
      "multi": {
        "type": {
          "name": "bool"
        },
        "required": false,
        "description": "If true, the user can select multiple values",
        "defaultValue": {
          "value": "false",
          "computed": false
        }
      },
      "setProps": {
        "type": {
          "name": "func"
        },
        "required": false,
        "description": "Dash-assigned callback that gets fired when the input changes"
      }
    }
  }
}