ComponentsOverlay

Drawer

Sliding panel from edge of screen

Examples

Basic Drawer

Schema

interface DrawerSchema {
  type: 'drawer';
  trigger: SchemaNode;
  title?: string;
  children: SchemaNode[];
  side?: 'left' | 'right' | 'top' | 'bottom';
}

Dialog

Modal dialog overlay for focused interactions

Tooltip

Contextual information on hover

On this page

Examples Schema