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 behaviour 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. |
display |
`dynamic`|`static` |
`dynamic` |
Disable dynamic positioning while scrolling by setting this option to `static`. |
boundary |
CSS selector |
false |
The area the drop can't exceed causing it to flip and shift. By default, the nearest scrolling ancestor. |
target |
CSS selector |
'- *' |
The element the drop is positioned to. |
target-x |
CSS selector |
false |
The element's X axis the drop is positioned to. |
target-y |
CSS selector |
false |
The element's Y axis the drop is positioned to. |
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 |
'uk-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. |