Appearance
Function: Modal()
Call Signature
ts
function Modal(content: ChildBlock[]): Block;Defined in: packages/sdk/src/renderer/blocks/index.ts:443
Modal container — full-screen overlay UI.
Parameters
| Parameter | Type |
|---|---|
content | ChildBlock[] |
Returns
Examples
ts
Modal([
HeaderBar({title: 'Welcome to the Matterway SDK', description: 'This is a sample welcome message.'}),
Group([InputField({name: 'firstName', label: 'First name', defaultValue: 'Jane'})]),
]);ts
Modal({overlay: true}, [
HeaderBar({title: 'Welcome to the Matterway SDK'}),
Group([InputField({name: 'firstName', label: 'First name'})]),
]);Call Signature
ts
function Modal(options: ModalProps, content: ChildBlock[]): Block;Defined in: packages/sdk/src/renderer/blocks/index.ts:444
Modal container — full-screen overlay UI.
Parameters
| Parameter | Type |
|---|---|
options | ModalProps |
content | ChildBlock[] |
Returns
Examples
ts
Modal([
HeaderBar({title: 'Welcome to the Matterway SDK', description: 'This is a sample welcome message.'}),
Group([InputField({name: 'firstName', label: 'First name', defaultValue: 'Jane'})]),
]);ts
Modal({overlay: true}, [
HeaderBar({title: 'Welcome to the Matterway SDK'}),
Group([InputField({name: 'firstName', label: 'First name'})]),
]);