# IDropDownButtonProps

Dropdown button props

````tsx
interface IDropDownButtonProps {
    /**
     * The content to show inside the Dropdown
     * @example
     * 
     * ```
     * content={() => <div>Dropdown Content</div>}
     * ```
     */
    content: () => JSX.Element,

    /**
     * Where the dropdown should be placed relative to the element it is being displayed for
     * default is right
     */
    position?: IDropDownButtonPosition,
    /**
     * If this is true dropdown will show on mouse over & hide n mouse out
     * If this is false dropdown ill show on click
     */
    showOnHover?: boolean

    /**
     * this will open the dropdown on hover and keep open even if user takes the mouse away
     * Click on outside to close the dropdown
     */
    keepShowingOnHover?: boolean,

    className?: string,

    /**
     * callback function when the popup is open
     */
    onOpen?: () => void
    /**
     * callback function when the popup is closed
     */
    onClose?: () => void
    /**
     * an option to force close a popup
     */
    forceClose?: boolean

    /**
     * disable scroll on open dropdown 
     * true by default
     */
    disableScroll?: boolean,

    /**
     * if this is enabled drop down will be automatically positionsed within the view. 
     * better to use this option- it has been improved 
     * if enabled it will ignore the position param 
     */
    autoPosition?: boolean
}
````

## Usage

```tsx
import {IDropDownButtonProps} from 'uxp/components';
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.iviva.com/uxp/stable/types/idropdownbuttonprops.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.