mljr-ui · showcase

Popover

Positioned floating panel gated by a Datastar signal. Closes on outside-click.

overlay popover
Controls
placement
Current props
placement: ""

Usage

overlay.Popover(
    overlay.PopoverProps{Signal: "info", Placement: overlay.PopoverBottom},
    primitive.Button(primitive.ButtonProps{Variant: token.Outline}, g.Text("More info")),
    h.Div(
        h.P(g.Text("Popover content goes here.")),
    ),
)

All combinations (4)

Enum controls only · bool and text use defaults

bottom

Popover title

Contextual content, a mini form, or extra details.

New
top

Popover title

Contextual content, a mini form, or extra details.

New
left

Popover title

Contextual content, a mini form, or extra details.

New
right

Popover title

Contextual content, a mini form, or extra details.

New

Props

NameTypeOptionsDefault
placementenumbottom, top, left, rightbottom