Popover弹出框

trigger := f.Button(tree.ID(page, "trigger"), "Open details").Outline().Self(flex.Start)
if trigger.Clicked() {
    open = !open
}
if open {
    components.BeginPopover(canvas, theme, viewport, trigger.Rect(), components.PopoverOptions{
        Layer: 3, Scope: scope, DismissID: dismissID, Side: components.PopoverBottom,
        Align: components.PopoverAlignStart, SideOffset: 8, AnchorDismiss: true,
    }).Paint("Native surface", "Clamped to the viewport without timers.")
}
if canvas.Clicked(dismissID) { open = false }

label := "Diagnostics disabled"
if enabled {
    label = "Diagnostics enabled"
}
popover := components.BeginPopover(canvas, theme, viewport, anchor, components.PopoverOptions{
    Layer: 3, Scope: scope, DismissID: dismissID, ContentSize: ui.Size{Width: 288}, BodyHeight: 34,
})
layout := popover.Begin("Build status", "The stable host owns this overlay state.")
if components.BeginButton(canvas, theme, actionID, layout.Body).Secondary(label).Clicked() {
    enabled = !enabled
}
popover.End()