JSFiddle - React, Tailwind, and code Playground

by Diego Vieira

HTML

<button>Add + Chat Box</button>

<div class="chats">
    <div class="chatbox"></div>
</div>

CSS

.chats {
    position:fixed;
    bottom:0;
    right:0;
    width:100%;
    z-index:1000;
}

.chats .chatbox {
    width:200px;
    height:240px;
    background:#000;
    float:right;
    margin-right:40px;
}

JavaScript

$('button').click(function(e){
    e.preventDefault();
    $('.chats').append('<div class="chatbox"></div>');
});