Popover | Laminar | Anduin Design

PopoverL(
  renderTarget = (open, _) => {
    ButtonL(
      onClick = open.contramap(_ => ())
    )("Show popover")
  },
  renderContent = close => {
    div(
      tw.flex.flexCol.itemsEnd.gap4,
      p("This popover contains interactive content that users can engage with directly."),
      ButtonL(
        onClick = close.contramap(_ => ())
      )("Take Action")
    )
  }
)()

PopoverL(  renderTarget = (open, _) => {    ButtonL(      onClick = open.contramap(_ => ())    )("Show popover")  },  renderContent = close => {    div(      tw.flex.flexCol.itemsEnd.gap4,      p("This popover contains interactive content that users can engage with directly."),      ButtonL(        onClick = close.contramap(_ => ())      )("Take Action")    )  })()