Single select
Use a circle avatar to represent a person.
https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css
https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js
$('#singleSelect2').select2({
placeholder: 'State',
dropdownAutoWidth: true,
width: 'style',
});
Multi select
Use a circle avatar to represent a person.
https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css
https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js
$('#multiSelect2').select2({
placeholder: 'State',
dropdownAutoWidth: true,
width: '100%',
multiple: true,
});