Matterway
    Preparing search index...

    Variable bubbleConst

    bubble: BubbleT = ...

    Bubble component for displaying various types of content.

    Basic usage

    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'}
        ]
      }),
    ]);

    With options object using overlay

    bubble({overlay: true}, [
      headerBar({title: 'Header title'}),
      group([
        inputField({
          name: 'firstName',
          label: 'First name',
          defaultValue: 'Mark',
        }),
      ]),
    ]);

    Either the content to display or the options object

    Param: content

    Content to display when first parameter is options object

    The bubble function can be used to display a bubble with a headerBar and group. When using options, available properties include width, className, forcePosition, isDraggable, style, image, icon, title, and description.

    Settings