<better-select>
<select multiple>
<option value="1" data-item='{"icon": "🍎", "name": "Apple", "description": "Fresh red apple", "color": "#ffebee"}'>Apple</option>
<option value="2" data-item='{"icon": "🍌", "name": "Banana", "description": "Ripe yellow banana", "color": "#fff3e0"}'>Banana</option>
</select>
<template data-for="item">
<div data-checkbox>
</div>
<div class="flex flex-col">
<div class="font-bold">
<span data-text="item.icon"></span>
<span data-text="item.name"></span>
</div>
<div data-field="item.description"></div>
</div>
</template>
<template data-for="pill">
<div data-text="item.icon"></div>
<span data-text="item.name"></span>
</template>
</better-select>