Function: Bubble()

Call Signature

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

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

Bubble container — primary UI container for overlays.

Parameters

Parameter	Type
content	ChildBlock[]

Returns

Block

Examples

Bubble([
  HeaderBar({title: 'Modular UI form'}),
  Group([
    InputField({name: 'firstName', label: 'First name', defaultValue: 'Mark'}),
  ]),
  NavigationBar({
    buttons: [
      {text: 'Cancel', value: 'cancel'},
      {text: 'Submit', value: 'submit'},
    ],
  }),
]);

Bubble({overlay: true}, [
  HeaderBar({title: 'Header title'}),
  Group([InputField({name: 'firstName', label: 'First name'})]),
]);

Call Signature

function Bubble(options: BubbleProps, content: ChildBlock[]): Block;

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

Bubble container — primary UI container for overlays.

Parameters

Parameter	Type
options	BubbleProps
content	ChildBlock[]

Returns

Block

Examples

Bubble([
  HeaderBar({title: 'Modular UI form'}),
  Group([
    InputField({name: 'firstName', label: 'First name', defaultValue: 'Mark'}),
  ]),
  NavigationBar({
    buttons: [
      {text: 'Cancel', value: 'cancel'},
      {text: 'Submit', value: 'submit'},
    ],
  }),
]);

Bubble({overlay: true}, [
  HeaderBar({title: 'Header title'}),
  Group([InputField({name: 'firstName', label: 'First name'})]),
]);