13 Kas 2026

WPopover örneği

Açılır menüler, bildirim panelleri ve ipuçları.

WDiv
WPopover
WText

önizleme

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 satır Playground'da aç Dokümandan: WPopover