ObjectUIObjectUI
ComponentsOverlay

Sheet

Slide-in panel from the edge of the screen

The Sheet component displays content in a panel that slides in from the edge of the screen.

Basic Usage

Basic Sheet

Sides

Left Side

Right Side

Schema

interface SheetSchema {
  type: 'sheet';
  trigger?: SchemaNode | SchemaNode[];  // Trigger component
  title?: string;                       // Sheet title
  description?: string;                 // Sheet description
  content?: SchemaNode | SchemaNode[];  // Sheet content
  side?: 'left' | 'right' | 'top' | 'bottom';
  className?: string;
}

On this page