popover

This component enables to render a popover thats floats around a toggle element. The toggle can be a simple HTMLElement or a fritz2 component. The Popover can be containing a header, a section and a footer. All "areas" are optional and it containing a simple String, a flowOf<String> or a HTMLElement as well as a fritz2 component. The placement of the Popover is configurable.

The popover has a default close Button, you can hide it or you can use your own custom Button. The toggle element is marked by an arrow, you can hide the arrow.

popover {
  toggle {
     icon { fromTheme { arrowForward } }
  }
  placement { right }
  header(flowOf("Our simple Popover"))
  content {
     div {
         text("My Text in a HTMLTag")
     }
  }
  footer("Footercontent")
}

See also

Parameters