❤
npm
Sign UpSign In

@syncfusion/ej2-vue-dropdowns

30.2.5 • Public • Published

Vue DropDowns components

Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.

What's Included in the Vue DropDown Package

The Vue DropDown package includes the following list of components.

Vue DropDownList

The Vue DropdownList component is a quick replacement of the HTML select tags. It has a rich appearance and allows users to select a single value that is non-editable from a list of predefined values.

Getting Started . online demos . Learn more

Vue DropDownList Component

Key features

  • Data binding - Binds and accesses the list of items from the local or server-side data source.
  • Grouping - Groups the logically related items under a single or specific category.
  • Sorting - Sorts the list items in alphabetical order (either ascending or descending).
  • Filtering - Filters the list items based on a character typed in the search box.
  • Templates - Customizes the list items, selected value, header, footer, category group header, and no records content.
  • Accessibility - Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.

Vue DropDownTree

The Vue DropDownTree component is a textbox control that allows the user to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values.

Getting Started . Online demos . Learn more

Vue DropDownTree Component

Key features

  • Data binding - Binds and accesses the list of items from the local or remote data source.
  • Checkbox - Built-in support for checkboxes, allowing users to select single or multiple items.
  • Template - To change the appearance of the selection pop-up for tree items, plus the header and footer of the pop-up tree.
  • Filtering - Filters the list items based on a character typed in the search box.

Vue Mention

The Vue Mention component is an autocomplete-like control to tag or select a user/group from the suggestion list. The control opens the suggestion list when a user starts typing with the character ‘@’ in popular social media sites such as Facebook, Twitter, and more. It supports several out-of-the-box features: Data binding, grouping, UI customization, accessibility, and more.

Getting Started . Online demos . Learn more

Vue Mention Component

Key features

  • Sorting - Sorts the list items in alphabetical order (either ascending or descending).
  • Filtering - Filters the list items based on a character typed in the search box.

Vue ComboBox

The Vue ComboBox component is a drop-down list with editable textbox that also allows users to choose an option from a predefined pop-up list.

Getting Started . online demos . Learn more

Vue ComboBox Component

Key features

  • Data binding - Binds and accesses the list of items from local or server-side data source.
  • Custom values - Sets user-defined values that is not in the pop-up list.
  • Grouping - Groups the logically related items under a single or specific category.
  • Sorting - Sorts the list items in alphabetical order (either ascending or descending).
  • Filtering - Filters the list items based on a character typed in the component.
  • Templates - Customizes the list items, selected value, header, footer, category group header, and no records content.
  • Accessibility - Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.

Vue AutoComplete

The Vue AutoComplete component is a textbox control that provides a list of suggestions to select from as the user types. It has several out-of-the-box features such as data binding, filtering, grouping, UI customization, accessibility, and more.

Getting Started . online demos . Learn more

Vue AutoComplete Component

Key features

  • Data binding - Binds and accesses the list of items from local or server-side data source.
  • Grouping - Groups the logically related items under a single or specific category.
  • Sorting - Sorts the list items in alphabetical order (either ascending or descending).
  • Highlight search - Highlights the typed text in the suggestion list.
  • Templates - Customizes the list item, header, footer, category group header, no records, and action failure content.
  • Accessibility - Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.

Vue MultiSelect

The Vue MultiSelect Dropdown component is a quick replacement for the HTML select tag for selecting multiple values. HTML MultiSelect Dropdown is a textbox control that allows the user to type or select multiple values from a list of predefined options.

Getting Started . online demos . Learn more

Vue MultiSelect Dropdown Component

Key features

  • Data binding - Binds and accesses the list of items from local or server-side data source.
  • Grouping - Groups the logically related items under a single or specific category.
  • Templates - Customizes the list items, selected value, header, footer, category group header, and no records content.
  • Sorting: Sorts the list items in alphabetical order (either ascending or descending).
  • Filtering - Filters the list items based on a character typed in the search box.
  • Custom value - Allows users to select a new custom value.
  • Accessibility - Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.

Vue ListBox

The Vue ListBox component is a graphical user interface for displaying a list of items with multi-selection options. It has a rich appearance and allows users to select one or more items from the list using checkboxes or keyboard interactions.

Getting Started . online demos . Learn more

Vue ListBox Component

Key features

  • Data binding - Binds and accesses the list of items from local or server-side data source.
  • Dual listbox - Allows transferring and reordering the list item between two ListBoxes.
  • Drag and drop - Allows drag and drop the list item with the same/multiple ListBox.
  • Grouping - Groups the logically related items under a single or specific category.
  • Templates - Customizes the list items.
  • Sorting - Sorts the list items in alphabetical order (either ascending or descending).
  • Accessibility - Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.

Setup

To install dropdowns and its dependent packages, use the following command.

npm install @syncfusion/ej2-vue-dropdowns

Supported frameworks

DropDowns components are also offered in following list of frameworks.


     JavaScript    
       React      
       Angular      
  ASP.NET Core  
  ASP.NET MVC  

Showcase samples

Support

Product support is available for through following mediums.

Changelog

Check the changelog here. Get minor improvements and bug fixes every week to stay up to date with frequent updates.

License and copyright

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license for 80+ Vue UI components, you can purchase or start a free 30-day trial.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

See LICENSE FILE for more info.

© Copyright 2025 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution.

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
30.2.5135latest
21.1.4210beta

Version History

VersionDownloads (Last 7 Days)Published
30.2.5135
30.2.4168
30.1.42145
30.1.4116
30.1.4034
30.1.39299
30.1.3767
29.2.11257
29.2.1018
29.2.89
29.2.728
29.2.50
29.2.43
29.1.4141
29.1.400
29.1.3848
29.1.37264
29.1.335
28.2.12325
28.2.110
28.2.90
28.2.70
28.2.63
28.2.51
28.2.432
28.2.311
28.1.410
28.1.390
28.1.380
28.1.370
28.1.360
28.1.350
28.1.33120
27.2.582
27.2.40
27.2.30
27.2.27
27.1.580
27.1.570
27.1.555
27.1.5325
27.1.520
27.1.510
27.1.508
27.1.481
26.2.13164
26.2.110
26.2.101
26.2.91
26.2.82
26.2.72
26.2.50
26.2.40
26.1.420
26.1.410
26.1.403
26.1.390
26.1.380
26.1.3597
25.2.712
25.2.60
25.2.50
25.2.40
25.2.30
25.1.412
25.1.400
25.1.390
25.1.379
25.1.3512
24.2.963
24.2.88
24.2.715
24.2.60
24.2.50
24.2.40
24.2.320
24.1.47305
24.1.460
24.1.4516
24.1.440
24.1.430
24.1.413
23.2.728
23.2.60
23.2.50
23.2.4103
23.1.440
23.1.434
23.1.420
23.1.410
23.1.400
23.1.390
23.1.380
23.1.361
22.2.12633
22.2.110
22.2.100
22.2.90
22.2.80
22.2.50
22.1.391
22.1.380
22.1.370
22.1.360
21.1.4210
21.1.360
22.1.343
21.2.10269
21.2.80
21.2.60
21.2.50
21.2.40
21.2.35
21.1.410
21.1.390
21.1.380
21.1.370
18.2.44-4571171
21.1.350
20.4.54212
20.4.530
20.4.520
20.4.510
20.4.5023
20.4.497
20.4.480
20.4.430
20.4.420
20.4.400
20.4.380
20.3.6011
20.3.595
20.3.580
20.3.570
20.3.560
20.3.500
20.3.490
20.3.480
20.3.4734
20.2.501
20.2.480
20.2.4610
20.2.450
20.2.440
20.2.430
20.2.400
20.2.39136
20.2.380
20.2.360
20.1.6164
20.1.600
20.1.591
20.1.580
20.1.570
20.1.560
20.1.550
20.1.523
20.1.510
20.1.500
20.1.471
19.4.56120
19.4.550
19.4.540
19.4.520
19.4.500
19.4.481
19.4.470
19.4.421
19.4.4135
19.4.400
19.4.380
19.3.561
19.3.550
19.3.530
19.3.480
19.3.470
19.3.460
19.3.450
19.3.440
19.3.430
18.2.44-45690
18.2.44-456780
19.2.620
19.2.600
19.2.590
19.2.570
19.2.560
19.2.550
19.2.510
19.2.490
19.2.480
19.2.470
19.2.460
19.2.440
19.1.699
19.1.676
19.1.650
19.1.640
19.1.631
19.1.590
19.1.580
19.1.570
19.1.560
19.1.550
19.1.542
18.4.4996
18.4.480
18.4.4783
18.4.462
18.4.440
18.4.430
18.2.44-45680
18.4.420
18.4.410
18.4.390
18.4.350
18.4.347
18.4.320
18.4.310
18.4.300
18.3.530
18.3.522
18.3.510
18.3.480
18.3.471
18.3.440
18.3.420
18.3.401
18.3.351
18.2.590
18.2.580
18.2.570
18.2.561
17.3.14-456823
18.2.550
18.2.540
18.2.480
18.2.470
18.2.461
18.2.451
18.2.440
18.1.590
18.1.570
18.1.560
18.1.550
18.1.540
18.1.530
18.1.520
18.1.480
18.1.460
18.1.450
18.1.440
18.1.430
18.1.420
18.1.36-beta0
17.4.51114
17.4.500
17.4.490
17.4.470
17.4.460
17.4.440
17.4.430
17.4.420
17.4.410
17.4.400
17.4.390
17.3.340
17.3.300
17.3.290
17.3.280
17.3.270
17.3.262
17.3.210
17.3.191
17.3.170
17.3.160
17.3.140
17.3.9-beta0
17.2.490
17.2.48-beta0
17.2.29-beta0
17.2.470
17.2.460
17.2.410
17.2.400
17.2.390
17.2.360
17.2.340
17.2.28-beta0
17.1.491
17.1.480
17.1.470
17.1.440
17.1.430
17.1.420
17.1.410
17.1.400
17.1.380
17.1.32-beta0
16.4.550
16.4.540
16.4.530
16.4.520
17.1.1-beta0
16.4.480
16.4.470
16.4.460
16.4.440
16.4.420
16.4.40-beta0
16.3.340
16.3.330
16.3.320
16.3.300
16.3.290
16.3.270
16.3.250
16.3.240
16.3.230
16.3.210
16.3.170
16.2.500
16.2.490
16.2.480
16.2.470
16.2.460
16.2.450
16.2.440
16.2.430
16.2.420
16.2.410

Package Sidebar

Install

npm i @syncfusion/ej2-vue-dropdowns

Repository

github.com/syncfusion/ej2-vue-ui-components

Homepage

www.syncfusion.com/vue-components

Weekly Downloads

5,141

Version

30.2.5

License

SEE LICENSE IN license

Unpacked Size

601 kB

Total Files

476

Last publish

Collaborators

  • syncfusionorg
  • essentialjs2
  • syncfusion-javascript
Try on RunKit
Report malware