JSFiddle - React, Tailwind, and code Playground

by stofke

HTML

<div class="flexbox slider-and-manual-flexbox"><div><div class="style-block__slider"><div class="dragdealer dragdealer-plus"><div class="scale-block"><div class="scale js-step-sell-price-slider ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content"><div class="selection" style="width: 31%;"></div><div class="value" style="margin-left: -15.2344px; left: 31%;">+34%</div><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: inherit; transform: translateX(47px);"></span></div></div><div class="handle" style="transform: translateX(47px);"><div class="point"></div></div></div></div></div><div><div class="input-group style-block__manual-control RUBYDEV__smart-trade-percentage-input"><input class="form-control js-step-sell-price-percentage" type="text"><span class="input-group-addon">%</span></div></div></div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    split1: '',
    split2: '',
    split3:'',
  }
});