JSFiddle - React, Tailwind, and code Playground

by xoxco

HTML

<script src="http://xoxco.com/projects/code/rainbow/rainbow.js"></script>
<!--
    This little editor helps us isolate the problem you are having
    with XOXCO's Rainbow.js plugin, and helps us help you!
    Change the markup below so that it closely resembles the code in your page. 
    It probably already looks something like this:
-->
<div id="wrapper">
    <p class="rainbow">This text is literally mind blowing. Watch out!</p>
</div>

CSS

#wrapper {
    margin: 20px;
}

p.rainbow {
    font-size: 40px;
}

JavaScript

// Customize the call to $.rainbow() to match your code.
// Include all the parameters you are calling, and any other code 
// necessary to demonstrate the problem you are having.
// The docs are here: http://xoxco.com/projects/code/rainbow
// 
// If you can't recreate the problem here, check your original code for issues.

$('.rainbow').rainbow({
    colors: [
        '#FF0000',
        '#f26522',
        '#fff200',
        '#00a651',
        '#28abe2',
        '#2e3192',
        '#6868ff'
    ],
    animate: true,
    animateInterval: 100,
    pad: false,
    pauseLength: 100
});


// Once you can recreate the problem here,
// * Click the "Update" button above
// * Then send the resulting link to info@xoxco.com
// Someone from XOXCO will get in touch as soon as possible.