Syncfusion Feedback
Choose Framework
Controls
  • Grids
    • Data Grid
    • Pivot Table
    • Tree Grid
    • Spreadsheet
  • Data Visualization
    • Chart
    • Bullet Chart
    • Kanban Board
    • Range Selector
    • Sparkline Charts
    • HeatMap Chart
    • TreeMap
    • Circular Gauge
    • Stock Chart
    • Linear Gauge
    • Smith Chart
    • Maps
    • Diagram
    • 3D Circular Charts
    • 3D Charts
    • Barcode Generator
  • Editors
    • Word Processor
    • Rich Text Editor
    • Image Editor
  • Buttons
    • Button
    • Progress Button
    • Chips
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • Dropdowns
    • ComboBox
    • AutoComplete
    • Dropdown List
    • MultiSelect Dropdown
    • ListBox
    • Mention
    • Dropdown Tree
  • Navigation
    • Carousel
    • TreeView
    • File Manager
    • Toolbar
    • Menu Bar
    • Breadcrumb
    • Accordion
    • Context Menu
    • Tabs
    • Sidebar
    • Stepper
    • AppBar
  • Inputs
    • File Upload
    • Signature
    • Color Picker
    • Input Mask
    • TextBox
    • Numeric Textbox
    • Slider
    • Radio Button & Checkbox
    • Toggle Switch Button
    • Rating
    • TextArea
    • OTP Input
  • Layout
    • ListView
    • Splitter
    • Dialog
    • Dashboard Layout
    • Card
    • Tooltip
    • Timeline
    • Avatar
  • Notifications
    • Message
    • ProgressBar
    • Skeleton
    • Toast
    • Badge
  • Forms
    • Query Builder
  • File Viewers & Editors
    • PDF Viewer
    • In-place Editor
  • Interactive Chat
    • AI AssistView
  • Smart Components
    • Smart Paste Button

React Dropdown List - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the React Dropdown List

Learn how easily you can create and configure the React Dropdown List of Syncfusion using the create-react-app command. This video also explains how to configure a few of the control's basic features like binding list and remote data and customizing pop-up height and width.

Download Example: Getting Started with the React Dropdown List

Topics included
1. Create a React project 00:19 min
2. Add a Dropdown List 00:57 min
3. Bind an array list 01:58 min
4. Bind a JSON Object 02:33 min
5. Bind remote data 03:14 min
6. Customize pop-up height and width 04:37 min
Plaform: React Show more
thumbnail image

Watch video

Customize the React Dropdown List Using Templates

Learn how to customize the Syncfusion React Dropdown List items, values, header, and footer using templates.

Download Example: Customize the React Dropdown List Using Templates

Topics included
1. Item template 01:06 min
2. Value template 02:04 min
3. Header template 02:51 min
4. Footer template 03:28 min
5. No-records template 04:12 min
Plaform: React Show more
thumbnail image

Watch video

Grouping Items in React Dropdown List

Learn how to categorize the dropdown list items using the grouping feature and its template. I will also show you how to add icons to the dropdown list items.

Download Example: Grouping Items in React Dropdown List

Topics included
1. Group the Dropdown List 01:03 min
2. Group templates 01:28 min
3. Add icons 02:16 min
Plaform: React Show more
Chat with us