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: ComponentSchema;       // Trigger component
  title?: string;                 // Sheet title
  description?: string;           // Sheet description
  content: ComponentSchema;       // Sheet content
  side?: 'left' | 'right' | 'top' | 'bottom';
  className?: string;
}

On this page