Reference Source
import {Popover} from '@adobe/coral-spectrum'
public class | source

Popover

Extends:

HTMLElementOverlay → Popover

Direct Subclass:

ShellMenu

A Popover component for small overlay content.

See:

Example:

Markup
<coral-popover></coral-popover>
JS constructor
new Coral.Popover();

Static Member Summary

Static Public Members
public static

Returns Popover close options.

public static

Returns Popover variants.

Member Summary

Public Members
public
public

Whether the popover should have a close button.

public

The popover's content element.

  • content-zone

public

The popover's footer element.

  • content-zone

public

The popover's header element.

  • content-zone

public

open: *

Inherited from Overlay#open.

public

target: *

Inherited from Overlay#target.

public

The popover's variant. See PopoverVariantEnum.

  • PopoverVariantEnum.DEFAULT by default.
  • reflected

Inherited Summary

From class Overlay
public static
this member was deprecated. Returns {@link Overlay} align options.
public static

Returns Overlay collision options.

public static

Returns Overlay interaction options.

public static

Returns Overlay placement options.

public static

Returns Overlay target options.

public
this member was deprecated.

The point on the target we should anchor to when positioning.

public
this member was deprecated.

The point on the overlay we should anchor from when positioning.

public

The distance the overlay should be from its target along the breadth axis.

public

The collision handling strategy when positioning the overlay relative to a target.

public

Whether the overlay flows toward the inner of the target element.

public

Whether keyboard interaction is enabled.

public

The distance the overlay should be from its target along the length axis.

public

The distance the overlay should be from its target.

public

open: *

Inherited from BaseOverlay#open.

public

The placement of the overlay.

public

Whether the overlay is allowed to change its DOM position for better positioning based on its context.

public

The element the overlay should position relative to.

public

The bounding element for the overlay.

public

Amount of pixel used to define a minimum distance between the boundaries and the overlay.

public

reposition(forceReposition: Boolean)

Re-position the overlay if it's currently open.

Static Public Members

public static closable: PopoverClosableEnum: * source

Returns Popover close options.

public static variant: PopoverVariantEnum: * source

Returns Popover variants.

Public Members

public [`_${name}Observer`]: * source

public closable: String source

Whether the popover should have a close button. See PopoverClosableEnum.

  • PopoverClosableEnum.OFF by default.
  • reflected

public content: PopoverContent source

The popover's content element.

  • content-zone

The popover's footer element.

  • content-zone

public header: PopoverHeader source

The popover's header element.

  • content-zone

public open: * source

Inherited from Overlay#open.

Override:

Overlay#open

public target: * source

Inherited from Overlay#target.

Override:

Overlay#target

public variant: String source

The popover's variant. See PopoverVariantEnum.

  • PopoverVariantEnum.DEFAULT by default.
  • reflected