Angular Dropdowns Overview

The Kendo UI for Angular Dropdowns are components for displaying predefined lists of options.

They include a variety of drop-down types and styles that have extensive configuration options. This flexibility allows you to quickly and easily create the exact Dropdowns component you need to fit your specific requirements for functionality and appearance.

The Dropdowns are built from the ground up and specifically for Angular, so that you get high-performance drop-down controls which integrate tightly with your application and with the rest of the Kendo UI for Angular components.

The Dropdowns are part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

AutoComplete

A list of suggestions for typed content.

ComboBox

A list for picking predefined items or entering custom values.

DropDownList

A predefined list of options for picking single values.

DropDownTree

A predefined list rendered in a tree-like structure for single item selection.

MultiColumnComboBox

A table-structured list for picking predefined items or entering custom values.

MultiSelect

A predefined list of options for multiple item selection.

MultiSelectTree

A predefined list rendered in a tree-like structure for multiple item selection.

Angular Dropdowns Example

Change Theme

Theme

Loading ...

Angular Dropdowns Key Features

Each Kendo UI for Angular Dropdowns component delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests efforts to improve the performance and add more value to the existing Dropdowns library as well as develop new features and controls to it.

Data Binding

The Dropdowns support the binding of their data to lists of possible values which can contain primitive (strings and numbers) or complex (objects) items. Read more about the data binding of the AutoComplete...

Forms Support

All Dropdowns provide support both for the asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms. This feature allows you to draw on the logic set either in the template, or in the component or typescript code. Read more about the forms support of the AutoComplete...

Filtering

Apart from their built-in filter functionality, the Dropdowns provide further options for fine-tuning and customizing the mechanism such as setting a minimum length of the search symbols, using the built-in filter directive, and more. Read more about filtering the AutoComplete items...

Virtualization

All Kendo UI for Angular Dropdowns that do not visualize hierarchical data in their popups provide a virtualization option which significantly improves the performance when working with large datasets. Read more about the virtualization functionality in the AutoComplete...

Grouping

All Kendo UI for Angular Dropdowns that do not visualize hierarchical data in their popups provide a grouping option. Read more about the grouping functionality in the AutoComplete...

Disabled Options

You can choose to disable some of the predefined list options of the Dropdowns so that, if need be present, users will not be able to interact with them. Read more about the disabled options in the AutoComplete...

Adaptive Mode

All Kendo UI for Angular Dropdowns support a mobile-friendly rendering mode of their popups. Enabling the adaptive mode allows the components to automatically fit to the current screen size. Read more about the adaptive mode in the AutoComplete...

Appearance

Each Kendo UI for Angular Dropdowns component offers extensive customization options, allowing you to tailor the look and feel to your preferences (size, border radius, and fill modes) for a refined and cohesive design. Read more about the customazible appearance of the AutoComplete...

Templates

You can visually customize the content and the general look and feel of the items and elements list by utilizing the ready-to-use header, footer, and other templates. Read more about the templates used by the AutoComplete...

Globalization

The Kendo UI for Angular Dropdowns support globalization to ensure that they can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Dropdowns support rendering in a right-to-left (RTL) direction. Read more about Dropdowns globalization...