<u-tags>
Coming soon
Example
<style>
u-tags { border: 1px solid; display: flex; flex-wrap: wrap; align-items: center; gap: .5em; padding: .5em }
u-option[selected] { font-weight: bold }
</style>
<label for="my-tags">
Choose flavour of ice cream
</label>
<u-tags id="my-tags">
<data>Coconut</data>
<data>Banana</data>
<data>Pineapple</data>
<data>Orange</data>
<input list="my-list" />
</u-tags>
<u-datalist id="my-list">
<u-option>Coconut</u-option>
<u-option>Strawberries</u-option>
<u-option>Chocolate</u-option>
<u-option>Vanilla</u-option>
<u-option>Licorice</u-option>
<u-option>Pistachios</u-option>
<u-option>Mango</u-option>
<u-option>Hazelnut</u-option>
</u-datalist>