Transfer
Vue Bootstrap 5 Transfer plugin
Transfer component allows you to transfer the data between two columns.
Transfer plugin built with the latest Bootstrap 5 and Vue 3. Transfer data between two columns. Supports disabled items, one way transfer, pagination, and more.
Note: Read the API tab to find all available options and advanced customization
Basic example
To create basic example just use MDBTransfer component
Disabled items
To make some of elements unable to select just add 'disabled: true property to proper item.
Checked items
By adding property 'checked: true' to item during initialization you can make element mark.
One way
By adding oneWay property to MDBTransfer you can set your component to transfer data only to target table.
Pagination
By adding pagination property you can set pagination on transfer component.
Pagination with custom quantity
Furthermore, if you want to set custom number of elements per page then just use elementsPerPage property.
Search
By adding search property you can add search box to transfer component.