Kendo UI for Vue

Vue ListBox

  • The ListBox gives users a familiar way to move items between lists.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
ListBox Header
  • Move and Reorder Items Between Multiple Lists

    The Vue ListBox is a common way to select, reorder, and move items. Combine multiple ListBox components to move items between lists with drag and drop and/or toolbar buttons. This is a common way to help users move items between two or more lists.

    See the Angular ListBox component

    Listbox Overview
  • Selection

    The Vue ListBox allows users to select single or multiple items. This option is enabled by default, but it can be disabled.

    See the Vue ListBox Selection demo

    ListBox - Selection
  • Drag and Drop

    The Vue ListBox allows users to move items from one list to another or reorder them via drag-and-drop interactions. You can choose to only allow this method of interaction or offer a toolbar as well.

    See the Vue ListBox Drag and Drop demo

  • Custom Items

    The Vue ListBox doesn't need to be a boring plain text list. You can set item templates to control the formatting and layout of each item.

    See the VueListBox Customization demo

    ListBox Item Templates
  • Multiple Lists

    The Vue ListBox allows for any number of lists to be displayed and associated with each other through toolbars and drag and drop. This is particularly useful for tracking multi-step processes.

    See the Vue ListBox Multiple List demo

    Listbox Multiple Lists
  • Globalization

    Like all other Kendo UI components, the Vue ListBox supports the globalization process. The component messages are organized for easy translation and the component will adapt to locales with the correct formatting and symbology.

    See the Vue ListBox Globalization demo

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka