JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://refreshless.com/nouislider/source/jquery.nouislider.css">
<script src="http://refreshless.com/nouislider/compile/result/jquery.nouislider.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<div id="slider"></div>
<span id="show"></span>

CSS

#slider {
    margin: 50px;
}

JavaScript

$("#slider").noUiSlider({
    range: { min: 10, max: 110 },
    start: 30,
    serialization: {
        lower: [
            $.Link({
                target: $("#show"),
                format: {
                    to: function( value ){
                        if ( Number(value) > 100 ) {
                            return '100+';
                        } else {
                            return value;  
                        }
                    },
                    decimals: 0
                }
            })
        ]
    }
});