JSFiddle - React, Tailwind, and code Playground

by michelejs

HTML

<div id="tabs">
                                <ul>
                                        <li><a href="#tab-desk">Pannello di controllo</a></li>
                                        <li><a href="#tab-privati">Privati</a></li>
                                        <li><a href="#tab-imprese">Imprese</a></li>
                                        <li><a href="#tab-config">Configurazione</a></li>
                                </ul>
                                <div id="tab-desk" class="panel">
                                        <div class="ui-widget-content">
                                            <p>Controlla mail
                                            <btnMailControl>Check</btnMailControl>   </p>
                                            <div id="mailCheckProgressbar" style="width: 40%;" class="ui-progressbar-value  ui-corner-left"/>
                                        </div>
                                        <div class="ui-widget-content">
                                            <p>Invia mail promozionali</p>    
                                        </div>
                                        <div class="ui-widget-content">
                                            <p>Configurazione programma</p>    
                                        </div>
                                        
                                </div>
                                <div id="tab-privati" class="panel">
                                        <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat...

JavaScript

$( "#tabs" ).tabs();
                              $(".panel").equalHeights(600,800);
                              $("btnMailControl").button();
                              // Progressbar
                              $("#mailCheckProgressbar").progressbar({
                value: 20 
                              });