Skip to content
Türkçe
All snippets

WPopover example

Dropdowns, menus, notification panels and tooltips.

  • WDiv
  • WPopover
  • WText
preview
example_w_popover.dart 
WDiv(
  className: "w-full flex items-center p-4",
  child: WPopover(
    className: "p-4 bg-[#2d333b] border border-[#444c56] rounded-xl",
    triggerBuilder: (context, isOpen, isHovering) => WDiv(
      className: "px-5 py-3 bg-[#2d333b] border border-[#444c56] rounded-xl",
      child: WText("Quick actions", className: "text-lg text-[#cdd9e5]"),
    ),
    contentBuilder: (context, close) => WText("Save to workspace", className: "text-lg text-[#cdd9e5]"),
  ),
)
11 lines Open in the playground From the docs: WPopover