JSFiddle - React, Tailwind, and code Playground

by rich_harris

JavaScript

var ractive = new Ractive({
    el: 'body',
    template: '<button on-click="toggle(\'foo\')">Toggle Foo</button> {{#if foo}}<div intro-outro="bar"><div class="child">Div inside transition</div></div>{{/if}}',
    transitions: {
        bar: function(t, params) {
            var element = t.node.querySelector('.child');
            console.log(element);
            t.complete();
        }
    }
});