xxxxxxxxxx1
<div class="container my-4">2
<p>3
<strong>Transfer functionality lets you easily move items from one element to the other.</strong4
>5
</p>6
7
<p>You can trigger the mention in many shapes & forms (see docs) but the most popular one is a dropdown with th <strong>@</strong> trigger.8
9
<hr />10
11
<p class="font-weight-bold">Basic examples</p>12
13
<p>14
You will <strong>find the code structure for this example in the tabs on the left</strong>. For even <strong>more examples, resources & customization options</strong> click the red <button class="btn btn-danger btn-sm">DOCS</button> button in the upper left corner. 15
</p>16
17
<div class="border p-5 mb-5">18
<!-- Copy this code to have a working example -->19
<div id="transfer-basic" class="transfer"></div>20
<!--/ Copy this code to have a working example -->21
</div>22
23
</div>1
1
xxxxxxxxxx1
const transferEl = document.getElementById('transfer-basic');2
3
const data1 = [4
{5
data: 'Lorem ipsum',6
},7
{8
data: 'Something special',9
},10
{11
data: 'John Wick',12
},13
{14
data: 'Poland',15
},16
{17
data: 'Germany',18
},19
{20
data: 'USA',21
},22
{23
data: 'China',24
},25
{26
data: 'Madagascar',27
},28
{29
data: 'Argentina',30
},31
];32
33
const instanceTransfer = new Transfer(transferEl, {34
dataSource: data1,35
}); Console errors: 0