Skip to main content

Watermark

When there is nothing else to display.

When the dock is empty or a group has no panels (an empty group) you can render some fallback content which is refered to as a watermark. Both are controlled through the same provided component.

Empty State Behaviour​

By default, when the dock has no panels it renders a watermark. You can change this with noPanelsOverlay:

  • 'watermark' (default): renders your watermarkComponent when empty
  • 'emptyGroup': keeps an empty group visible instead

Options​

The following properties can be set to configure the watermark component.

Live Examples​

Newsletter