Skip to main content

PopoverAlignment

How the popover aligns to the anchor.

enum PopoverAlignment {
    leading,
    center,
    trailing,
}

In the examples below the green line indicates the virtual anchor line. The value behaves the same for up & down or left & right

Cases​

leading​

Aligns the leading edges of the anchor and popover.

alignment: leading (direction: down)

alignment: leading (direction: right)

center​

Aligns the center of the anchor and popover.

alignment: center (direction: down)

alignment: center (direction: right)

trailing​

Aligns the trailing edges of the anchor and popover.

alignment: trailing (direction: down)

alignment: trailing (direction: right)