Canvas: Dropdown

Dropdown is a canvas-only component with a dropdown panel. Unlike Select (DOM overlay), it renders the option list on canvas. Click to open, select an option, or click outside to close.

Current values:

[
  {
    "id": 1,
    "label": "Project Alpha",
    "status": "active"
  },
  {
    "id": 2,
    "label": "Project Beta",
    "status": "pending"
  },
  {
    "id": 3,
    "label": "Project Gamma",
    "status": ""
  },
  {
    "id": 4,
    "label": "Project Delta",
    "status": "archived"
  }
]

Multiple Tables

Dropdown panels are scoped per canvas instance. Opening a dropdown in one table should not render the panel on another table.

Table A

Table B