# Kendo UI for Angular DropDownList Overview

The Kendo UI for Angular DropDownList is a form component that lets you choose a single predefined value from a list.

It is a richer version of the `<select>` element and supports data binding, filtering, templates, and default items.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Angular DropDownList in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/dropdownlist/basic_usage/source.txt)

## Key Features

* [Data binding](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/data-binding)—You can bind the Angular DropDownList to a list of possible values containing arrays of primitive or complex data.
* [Value binding](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding)—The DropDownList enables you to set its value to primitive or complex data.
* [Filtering](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/filtering)—Apart from its default filter functionality, the DropDownList provides options for setting a minimum length of the search symbols and a built-in filter directive.
* [Grouping](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/grouping)—You can group DropDownList items and display them as a grouped result.
* [Virtualization](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/virtualization)—The Angular DropDownList supports a virtualization mechanism which noticeably improves the performance of the component when it handles large datasets.
* [Default item](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/default-item)—You can configure the default item of the DropDownList by using primitive or complex values.
* [Disabled items](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/disabled-items)—You can disable any of the DropDownList items and prevent users from interacting with them.
* [Templates](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates)—You can customize the content of the DropDownList by using templates for its value, header, footer, and other elements.
* [Forms support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/forms)—You can use the DropDownList both in template-driven and reactive Angular forms.
* [Adding new items](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/add-new-item)—The Angular DropDownList allows you to render a button for the user to add new items to the list.
* [Controlling the open state](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/open-state)—The DropDownList enables you to configure the initially opened item and prevent the opening and closing of its options list.
* [Cascading DropDownLists](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/cascading)—The DropDownList enables you to render a series of two or more DropDownLists where each DropDownList is filtered based on the selected option in the previous DropDownList.
* [Globalization](https://www.telerik.com/kendo-angular-ui/components/dropdowns/globalization)—All Kendo UI for Angular Dropdowns provide globalization options.
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/accessibility)—The DropDownList is accessible for screen readers and supports WAI-ARIA attributes.
* [Keyboard navigation](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/keyboard-navigation)—The DropDownList supports a number of keyboard shortcuts for processing various commands.

> To learn more about the appearance, anatomy, and accessibility of the DropDownList, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/dropdownlist/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Support and Learning Resources

* [DropDownList Homepage](https://www.telerik.com/kendo-angular-ui/dropdownlist)
* [Getting Started with the Kendo UI for Angular Dropdowns](https://www.telerik.com/kendo-angular-ui/components/dropdowns/installation/getting-started)
* [API Reference of the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdownlistcomponent)
* [Angular DropDownList Features](https://www.telerik.com/kendo-angular-ui/dropdownlist)
* ["How to Build Modern Angular Dropdowns in Minutes with Kendo UI"](https://www.telerik.com/blogs/learn-how-to-build-modern-angular-dropdowns-minutes-kendo-ui)
* [Getting Started with Kendo UI for Angular (Online Guide)](https://www.telerik.com/kendo-angular-ui/components/getting-started)
* [Getting Started with Kendo UI for Angular (Video Tutorial)](https://www.telerik.com/campaigns/kendo-ui/using-kendo-ui-with-angular-video-tutorial)
* [Video Courses](https://www.telerik.com/kendo-angular-ui/components/getting-started/video-onboarding)
* [DropDownList Forum](https://www.telerik.com/forums/kendo-angular-ui?tagId=339)
* [Before You Start: All Things Angular (Telerik Blog Post)](https://www.telerik.com/blogs/all-things-angular)
* [Knowledge Base](https://www.telerik.com/kendo-angular-ui/components/knowledge-base)

## Additional Resources

* [Angular Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
* [Angular Videos](https://www.telerik.com/videos/kendo-angular-ui)
* [Kendo UI for Angular Roadmap](https://www.telerik.com/support/whats-new/kendo-angular-ui/roadmap)