Skip to main content

at

Description​

Optional. Specifies the position of DropDown Menu relative to the target node

Usage​

at?: string;

Default value​

"bottom"

Parameters​

The property accepts one of the following string values:

  • "bottom" - positions the menu below the target node with the left edges aligned.

  • "right" - positions the menu to the right of the target node

  • "left" - positions the menu to the left of the target node

  • "bottom-left" - positions the menu below the target node with the right edges aligned

  • "bottom-fit" - positions the menu below the target node and sets its width equal to the width of the target node

  • "point" - positions the menu at the explicit left / top coordinates and ignores the parent node

Example​

<DropDownMenu options={options} at="bottom-fit" onClick={clicked}>
    <Button type="primary">Click me (fit )</Button>
</DropDownMenu>

Related article: Setting the position of DropDown Menu

Related sample: Drop-down menu