@progress/kendo-react-listbox

KendoReact ListBox Component for React

Important

• This package is а part of KendoReact—an enterprise-grade UI library with 120+ free and premium components.
• This is a free React ListBox component. You can use it even in production, no sign-up or license required. If you're looking for more free React components, check out Get Started with KendoReact Free.
• Installing and working with this package indicates that you accept the KendoReact License Agreement.
• The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!

The React ListBox, part of KendoReact Free, enables you to display a list of items and manage the data between multiple lists.

How to start:

npm i @progress/kendo-react-listbox

React ListBox

Among the features which the KendoReact ListBox component delivers are:

• Drag and Drop—Supports drag and drop items within the same list to reorder them or to move them between lists.
• Custom Items—You can customize how the items of the ListBox are rendered and its toolbar button and position.
• Multiple List— Multiple ListBox components can be connected to allow moving an item into different states.
• Selection—You can select single on multiple item from the ListBox.
• Theme support—The KendoReact ListBox, as well as all 100+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.

How to use the ListBox component in your apps:

import { ListBox } from '@progress/kendo-react-listbox';
...
/**
* Provide the data that you want to show in the ListBox.
* Handle the logic for user interactions within the LitsBox.
*/
<ListBox
    data={data}
    textField="Field" // Must match a field from your data source.
    /**
    * Set additional props to add a toolbar and handle user interactions.
    */
/>

Support Options

For any issues you might encounter while working with the KendoReact ListBox, use any of the available support channels:

• Industry-leading technical support—KendoReact paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated KendoReact support system.
• Product forums—The KendoReact forums are part of the free support you can get from the community and from the KendoReact team.
• Feedback portal—The KendoReact feedback portal is where you can request and vote for new features to be added.

Resources

• Getting Started with KendoReact
• Get Started with KendoReact Free
• Get Started with the KendoReact ListBox
• API Reference of the KendoReact ListBox
• KendoReact Roadmap
• Blogs
• Demos, documentation, and component reference
• KendoReact pricing and licensing
• Changelog

High-level component overview page:

• React ListBox Component

Copyright © 2025 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.