Tray

Trays are containers that display transient content such as menus, options, additional actions, and more. They only exist on mobile experiences and are used for exposing types of content that may be too overwhelming for popovers.

Property	Values	Default value	Required
height	text	-

{
  "slug": "tray",
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/tray.json",
  "title": "Tray",
  "description": "Trays are containers that display transient content such as menus, options, additional actions, and more. They only exist on mobile experiences and are used for exposing types of content that may be too overwhelming for popovers.",
  "meta": {
    "category": "containers",
    "documentationUrl": "https://spectrum.adobe.com/page/tray/"
  },
  "type": "object",
  "properties": {
    "height": {
      "type": "string",
      "default": "auto"
    }
  }
}