Prism Docs

Transfer

Double column transfer choice box.

Basic Usage

18 Source
Content 1
Content 3
Content 5
Content 6
Content 7
Content 8
Content 9
Content 10
Content 11
Content 12
Content 13
Content 14
Content 15
Content 16
Content 17
Content 18
Content 19
Content 20
2 Target
Content 2
Content 4
<prism-transfer 
  [dataSource]="basicData()"
  [(targetKeys)]="basicKeys"
/>

Searchable

18 Source
Searchable Item 1
Searchable Item 2
Searchable Item 4
Searchable Item 5
Searchable Item 7
Searchable Item 8
Searchable Item 9
Searchable Item 10
Searchable Item 11
Searchable Item 12
Searchable Item 13
Searchable Item 14
Searchable Item 15
Searchable Item 16
Searchable Item 17
Searchable Item 18
Searchable Item 19
Searchable Item 20
2 Target
Searchable Item 3
Searchable Item 6
<prism-transfer 
  [dataSource]="searchData()"
  [(targetKeys)]="searchKeys"
  [showSearch]="true"
/>

PrismTransfer API

NameTypeDefaultDescription
dataSourceinput<TransferItem[]>[]Data options for the transfer component.
titlesinput<[string, string]>['Source', 'Target']Titles for the left and right lists.
showSearchinput<boolean>falseWhether to show the search inputs.
disabledmodel<boolean>falseWhether the component is disabled.
targetKeysmodel<string[]>[]The keys of items in the right list.