ObjectUIObjectUI
ComponentsOverlay

Dialog

Modal dialog overlay for focused interactions

Examples

Dialog Trigger

{
  "type": "dialog",
  "trigger": {
    "type": "button",
    "label": "Open Dialog"
  },
  "title": "Dialog Title",
  "description": "Dialog description",
  "children": [
    {
      "type": "text",
      "content": "Dialog content goes here"
    }
  ]
}

Schema

interface DialogSchema {
  type: 'dialog';
  trigger: SchemaNode;
  title?: string;
  description?: string;
  children: SchemaNode[];
  footer?: SchemaNode[];
}

On this page