JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/jquery.sidr/1.2.1/jquery.sidr.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.sidr/1.2.1/stylesheets/jquery.sidr.dark.css">
<button id="menu-toggle">Sidr me</button>

JavaScript

$('#menu-toggle').sidr({
    name: 'sidr-menu',
    source: function (name) {
        return '<h1>' + name + '</h1><ul>' +
            '<li>Foo</li>' +
            '<li>Bar</li>' +
            '<li>Baz</li>' +
            '</ul>';
    }
});

$.sidr('toggle', 'sidr-menu');