Transfer

Two lists and the buttons between them, for moving items from a source set into a selected one.

Anotomy

Structure of the transfer and how its internal parts are composed. These are its semantic parts, so they are also what the classNames and styles objects accept.
Transfer anotomy
NameDescription
1rootThe whole transfer: both panels and the buttons between them.
2sectionOne panel, the source on the left or the target on the right.
3headerThe panel's top row: the select-all checkbox, the count and the title.
4titleThe panel's name, from titles.
5bodyThe area under the header that holds the search box, when showSearch is set, and the list.
6itemOne row, from an entry in dataSource.
7itemIconThe row's checkbox.
8itemContentThe row's text, from render.
9footerThe row under the list, from footer.
10actionsThe buttons that move the checked rows across. actions replaces them, and oneWay leaves only the one that moves right.
11listThe scrolling list of rows inside the body.