Kendo UI for Angular
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
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.
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
Rather than show items as plain text, use templates to adding images, layout, colors, and anything else you can imagine.
For applications that require support for multiple cultures, the Angular ListBox component has built-in support for updating internal messages to a different language and can be used in a right-to-left setup by setting a single attribute.