Drag and drop UI elements

A subset of application UI elements can be dragged and dropped on the canvas to configure the UI.

Elements that can be dragged and dropped

These elements can be dragged to different spaces on the canvas and then dropped to reposition them in the UI.

  • adaptive-row
  • box
  • button-group
  • button
  • data-list
  • field
  • label
  • list-item
  • navigator
  • panel
  • rich-text-viewer
  • smart-input
  • text-input
  • wrapped-text

Elements that can contain other elements

Other elements can be dropped into these elements on the canvas.

  • box
  • button-group
  • data-list
  • field
  • navigator
  • panel