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 Package is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates all available Kendo UI for Angular Dropdowns components in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

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...

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...

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...

Accessibility

The Dropdowns are accessible for screen readers and support WAI-ARIA attributes. Read more about accessibility support of the AutoComplete...

Keyboard Navigation

The Dropdowns support a number of keyboard shortcuts which allow users to accomplish various commands. Read more about the keyboard navigation of the AutoComplete...