JSFiddle - React, Tailwind, and code Playground

by Asif Sharif Shahid

HTML

<ul id="nav">
                <li>
                    <a href="#">Dashboard</a>
                </li>
                <li>
                    <a href="#providers_tab_help">Providers</a>
                </li>
                <li>
                    <a href="#appointments_tab_help">Appointments</a>
                </li>
                <li>
                    <a href="#calendar_tab_help">Calendar</a>
                </li>
                <li>
                    <a href="#messages_tab_help">Messages</a>
                </li>
            </ul>


            <div id="providers_tab_help">
                <h1> Providers </h1>
                <div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, distinctio, rerum. Cumque itaque pariatur obcaecati libero voluptatem, sunt quasi, quisquam nam ut enim dolorum, cum repellat reprehenderit placeat molestiae ipsa!
                        <br/>
                        Your Providers section contains information about your frequently visited care Providers (Doctors, Specialists and other care providers etc.). You can also view the Provider Facilities and tag your Preferred Providers and Facilities. This is where you search Providers, add them to your Platform account and edit the list to maintain a customized view of all your care Providers.
                    </p>
                </div>
            </div>
            <div id="appointments_tab_help">
                <h1> Appointments Dashboard </h1>
                <div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus enim similique, est, quas nihil consequuntur harum delectus animi, architecto vel error? Consequatur odio cumque ad magnam sit architecto modi cum!
                        <br/>
                        The Appointment Dashboard is a simple view of all your appointments: upcoming and past, as well as some actions (called...