Drop

Position

Boundary X

Boundary Y

Target X

Target Y

Inset

Stretch

Flip

Shift

Animation

Out

Duration

Default

Switched Alignment

Switched Position

Switched Position and Alignment

Shift and Flip

JavaScript Options

Option	Value	Default	Description
`toggle`	CSS Selector	'- *'	CSS selector for the element to be used as toggle. By default, the preceding element.
`pos`	String	'bottom-left'	Drop position.
`stretch`	false\|true\|'x'\|'y'	true	Stretch drop on both (true) or given axis.
`mode`	hover \| click	click,hover	Comma-separated list of drop trigger behavior modes.
`delay-show`	Number	0	Delay time in hover mode before a drop is shown in ms.
`delay-hide`	Number	800	Delay time in hover mode before a drop is hidden in ms.
`auto-update`	Boolean	true	Disable dynamic positioning while scrolling by setting this option to `false`.
`boundary`	CSS selector	false	The area the drop can't exceed causing it to flip and shift. By default, the nearest scrolling ancestor.
`boundary-x`	Boolean, CSS selector	false	The area on the x-axis the drop can't exceed causing it to flip and shift.
`boundary-y`	Boolean, CSS selector	false	The area on the y-axis the drop can't exceed causing it to flip and shift.
`target`	Boolean, CSS selector	false	The element the drop is positioned to (`true` for window).
`target-x`	Boolean, CSS selector	false	The element's X axis the drop is positioned to (`true` for window).
`target-y`	Boolean, CSS selector	false	The element's Y axis the drop is positioned to (`true` for window).
`inset`	Boolean	false	Position inside its target.
`flip`	Boolean	true	Flips the Drop along the main axis if it overflows the boundary.
`shift`	Boolean	true	Shifts the Drop along the cross axis if it overflows the boundary.
`offset`	Number	0	The drop offset.
`animation`	String	'gls-animation-fade'	Space-separated names of animations. Comma-separated for animation out.
`animate-out`	Boolean	false	Use animation when closing the drop.
`bg-scroll`	Boolean	true	Allow background scrolling while drop is opened.
`duration`	Number	200	The animation duration.
`container`	Boolean	false	Define a target container via a selector to specify where the drop should be appended in the DOM.