Function: SheetModal()

Call Signature

function SheetModal(content: ChildBlock[]): Block;

Defined in: src/renderer/blocks/index.ts:1740

Experimental

SheetModal — side-panel modal that slides in from any viewport edge. Sibling-level container like Modal: render alongside Bubble, not inside one. Named to avoid collision with the existing Sheet (spreadsheet viewer).

Parameters

Parameter	Type
content	ChildBlock[]

Returns

Block

Examples

SheetModal([
  InputField({name: 'firstName', label: 'First name'}),
  InputField({name: 'lastName', label: 'Last name'}),
]);

SheetModal(
  {
    name: 'filtersOpen',
    side: 'right',
    title: 'Filters',
    description: 'Refine the result set',
    actions: [
      {key: 'cancel', label: 'Cancel', variant: 'outline'},
      {key: 'apply', label: 'Apply filters'},
    ],
  },
  [Text({content: 'Filter controls go here.'})],
);

Call Signature

function SheetModal(options: SheetModalProps, content: ChildBlock[]): Block;

Defined in: src/renderer/blocks/index.ts:1741

Experimental

SheetModal — side-panel modal that slides in from any viewport edge. Sibling-level container like Modal: render alongside Bubble, not inside one. Named to avoid collision with the existing Sheet (spreadsheet viewer).

Parameters

Parameter	Type
options	SheetModalProps
content	ChildBlock[]

Returns

Block

Examples

SheetModal([
  InputField({name: 'firstName', label: 'First name'}),
  InputField({name: 'lastName', label: 'Last name'}),
]);

SheetModal(
  {
    name: 'filtersOpen',
    side: 'right',
    title: 'Filters',
    description: 'Refine the result set',
    actions: [
      {key: 'cancel', label: 'Cancel', variant: 'outline'},
      {key: 'apply', label: 'Apply filters'},
    ],
  },
  [Text({content: 'Filter controls go here.'})],
);