JSFiddle - React, Tailwind, and code Playground

by firegroove

HTML

<div style="position:relative;top:14px;margin-left: 170px">
                                                    <!-- <br> -->
                                                        <input class="topcoat-text-input" type="text" id="boost_amount" min="1" value=50 max="100" placeholder="0-100%" v-on:keyup.enter='return event.charCode >= 48 && event.charCode <= 57'
                                                        style="user-select: all; width: 35px; height:22px; margin-left: -170px; margin-top: -7px; color: #288edf;text-align: center;
" title="Boost Amount">
                                                    </div>