JSFiddle - React, Tailwind, and code Playground

by Harsh Bhatnagar

HTML

<div class="fabs">
    <div [style.visibility]="!isMinimised?  'visible':'hidden'" class="chat is-visible">
        <div class="chat-header">
            <div class="chat-header-title">
                Reganto Assistant
            </div>

        </div>
        <div style="display: flex; height: 100%">

            <div id="chat_converse" class="chat_conversion chat_converse ">

                <div class="subMessage">
                    <div class='greetMessage'>Welcome back Hitesh </div>
                    What can I help you with?
                </div>
            </div>
            <div id="siri-container"></div>
        </div>


    </div>

    <a id="prime" class="fab is-float is-visible" (click)="changeMinimise()">
        <img id="imgActive" *ngIf="!isMinimised"
           ...