Kendo UI for Angular

Angular ListBox

  • Give your users a familiar way to select items from one list and move them to another. Supports sorting, multi-select, customization, and more.
  • Part of the Kendo UI for Angular library along with 100+ professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Angular ListBox is a common way to select, reorder, and move items. Combined multiple ListBox components to move items between lists with drag and drop or buttons. This is a common way to allow users to create a new list of items from an already existing list.

    See the Angular ListBox component


  • Data Binding

    Just like all other components in Kendo UI for Angular, the ListBox is very flexible when it comes to data binding. Use the data-binding directive or bind data manually to local or remote sources.

    See the Angular ListBox Data Binding demo


    Data 0Binding
  • Toolbar

    The Angular ListBox includes a toolbar that allows you to move items up and down in a list, move them from one list to another, or delete them. You can add or remove items from this toolbar or delete them altogether.

    See the Angular ListBox Toolbar demo

  • Item Template

    Rather than show items as plain text, use templates to adding images, layout, colors, and anything else you can imagine.

    See the Angular ListBox Item Template demo

    ListBox Item Templates
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI