Seletor multiplo jQuery de facil utilização.
Importe os arquivos css e js em seu html.
<link rel="stylesheet" href="multiPick.css">
<script src="multipick.js"></script>
Usando o selector jQuery faça a chamada para o componente passando os parametros desejados.
$('#multiPick').multiPick({
limit: 3,
image: true,
closeAfterSelect: false,
search: true,
placeholder: 'Select',
slim: false
});
Para recuperar os dados que foram selecionados use o seletor jQuery e utilize da função: getMultiPick
.
let values = $('#multiPick').getMultiPick();
Você pode personalizar as cores do seletor dentro do arquivo Style-config.less