Spectrum Components API

Schema version: 6.0.0

Select box

PropertyValuesDefault valueRequired
label
text
-
orientation
horizontal / vertical
vertical
body
text
-
is selected
yes / no
no
hide illustration
yes / no
no
show checkbox
yes / no
no
is disabled
yes / no
no
state
default / down / hover / keyboard focus
default
multiple
yes / no
Set to true to allow multiple selections.
no
{
  "slug": "select-box",
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/select-box.json",
  "title": "Select box",
  "description": "",
  "meta": {
    "category": "inputs",
    "documentationUrl": "https://spectrum.adobe.com/page/select-box/"
  },
  "type": "object",
  "properties": {
    "label": {
      "type": "string"
    },
    "orientation": {
      "type": "string",
      "enum": [
        "horizontal",
        "vertical"
      ],
      "default": "vertical"
    },
    "body": {
      "type": "string"
    },
    "isSelected": {
      "type": "boolean",
      "default": false
    },
    "hideIllustration": {
      "type": "boolean",
      "default": false
    },
    "showCheckbox": {
      "type": "boolean",
      "default": false
    },
    "isDisabled": {
      "type": "boolean",
      "default": false
    },
    "state": {
      "type": "string",
      "enum": [
        "default",
        "down",
        "hover",
        "keyboard focus"
      ],
      "default": "default"
    },
    "multiple": {
      "type": "boolean",
      "default": false,
      "description": "Set to true to allow multiple selections."
    }
  }
}
← Back to home