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

QuickActions

Extends:

HTMLElementOverlay → QuickActions

A QuickActions component is an overlay component that reveals actions when interacting with a container. Hovering the target will display the QuickActions. They can also be launched by pressing the shift + F10 key combination when the target is focused.

See:

Example:

Markup
<coral-quickactions></coral-quickactions>
JS constructor
new Coral.QuickActions();

Static Member Summary

Static Public Members
public static

Returns QuickActions placement options.

public static

Returns QuickActions target options.

Member Summary

Public Members
public
public

id: *

public

Whether the QuickActions should show when the target is interacted with.

public

The Item collection.

public

open: *

Inherited from Overlay#open.

public

Returns the inner overlay to allow customization.

public

The placement of the QuickActions.

public
public

target: *

Inherited from Overlay#target.

public

The number of items that are visible in QuickActions (excluding the show more actions button) before a collapse is enforced.

public

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 placement: QuickActionsPlacementEnum: * source

Returns QuickActions placement options.

Override:

Overlay#placement

public static target: QuickActionsTargetEnum: * source

Returns QuickActions target options.

Override:

Overlay#target

Public Members

public focusOnShow: * source

public id: * source

public interaction: String source

Whether the QuickActions should show when the target is interacted with. See QuickActionsInteractionEnum.

  • QuickActionsInteractionEnum.ON by default.

Override:

Overlay#interaction

public items: Collection source

The Item collection.

  • read-only

public open: * source

Inherited from Overlay#open.

Override:

Overlay#open

public overlay: Popover source

Returns the inner overlay to allow customization.

  • read-only

public placement: String source

The placement of the QuickActions. The value may be one of 'top', 'center' and 'bottom' and indicates the vertical alignment of the QuickActions relative to their container. See OverlayPlacementEnum.

  • OverlayPlacementEnum.TOP by default.

Override:

Overlay#placement

public returnFocus: * source

public target: * source

Inherited from Overlay#target.

Override:

Overlay#target

public threshold: Number source

The number of items that are visible in QuickActions (excluding the show more actions button) before a collapse is enforced. A value <= 0 disables this feature and shows as many items as possible. Regardless of this property, the QuickActions will still fit within their target's width.

  • 4 by default.
  • reflected

public trapFocus: * source