What is KendoReact
Getting Started
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilitiesupdated
- Conversational UI
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- - Overview
  - Getting Started
  - AutoCompleteupdated
  - ComboBoxupdated
  - DropDownListupdated
  - DropDownTreeupdated
  - MultiColumnComboBoxupdated
  - MultiSelectupdated
  - MultiSelectTreeupdated
  - Floating Labels
  - Props Context
  - Globalization
  - API
- Editorupdated
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBox
- ListView
- Map
- Notification
- PDF Processing
- PDFViewerupdated
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetnew
- TaskBoard
- Tooltips
- TreeList
- TreeView
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Dropdowns / API / DropDownsPopupSettings /

DropDownsPopupSettings

The settings of the popup container.

Name	Type	Default	Description
animate?	`boolean \| PopupAnimation`		Controls the popup animation. By default, the open and close animations are enabled.
appendTo?	`"null" \| HTMLElement`		Defines the container to which the Popup will be appended. Defaults to `body`. If set to `null` the Popup will be rendered without React Portal.
className?	`string \| string[]`		Specifies a list of CSS classes that will be added to the Popup element.
height?	`string \| number`		Sets the height of the popup container. By default, the height is 200px.
popupClass?	`string`		Specifies a list of CSS classes that are used for styling the popup inner element.
width?	`string \| number`		Sets the width of the popup container. By default, the width of the host element is used.

Is this article helpful?

Thank you for your feedback!