ObjectUIObjectUI
ComponentsOverlay

Popover

Floating content panel

Examples

Basic Popover

{
  "type": "popover",
  "trigger": {
    "type": "button",
    "label": "Open Popover"
  },
  "children": [
    {
      "type": "text",
      "content": "Popover content"
    }
  ]
}

Schema

interface PopoverSchema {
  type: 'popover';
  trigger: SchemaNode;
  children: SchemaNode[];
  side?: 'top' | 'right' | 'bottom' | 'left';
}

Tooltip

Contextual information on hover

Alert Dialog

A modal dialog that interrupts the user with important content and expects a response

On this page

ExamplesSchema