vue-poster-editor/lib/widgets/editor-color-wheel.html

A poster editor based on Vue.js

<div class="editor-color-wheel">
    <div class="editor-color-sider">
        <div class="swatches">
            <i
                v-for="item in swatches"
                :class="{active:item.toUpperCase()==value}"
                :style="{
                    backgroundColor: item
                }"
                @click="set(item)"
            ></i>
        </div>
        <input class="editor-color-inp" v-model="value">
    </div>
    <input type="hidden" class="inp-picker">
</div>