Variable shield`Const`

shield: ShieldT = ...

Shield component providing protective overlay for UI elements. Blocks user interaction with underlying content.

Example

Basic usage with overlay

shield(
  {overlay: true},
  [
    headerBar({title: 'Protected Content'}),
    group([
      text({text: 'This content is protected by a shield'}),
    ]),
  ]
);

Param: optionsOrContent

Either the content to display or the options object

Param: content

Content to display when first parameter is options object

Remarks

The default width is the same as bubble container (350px).