JSFiddle - React, Tailwind, and code Playground

by learner73

HTML

<link rel="stylesheet" href="https://rawgit.com/ivaynberg/select2/75e089f3a105771353f940f721404d891c2e2459/select2.css">
<script src="https://rawgit.com/ivaynberg/select2/75e089f3a105771353f940f721404d891c2e2459/select2.js"></script>
<input type="hidden" class="tag" style="width:300px" value="red"/>

CSS

.used-number {
    width: 25px;
    float: right;
    border: 1px solid #000;
    text-align: center;
}
.select2-highlighted .used-number {
    border-color: #fff;
}

JavaScript

$(".tag").select2({
    tags:["red", "green", "blue", "black"]
});