Basic
<div class="publisher publisher-multi"> <textarea class="publisher-input" rows="3" placeholder="Write something"></textarea> <div class="flexbox flex-row-reverse"> <button class="btn btn-sm btn-bold btn-primary">Post</button> </div></div>Actions
<div class="publisher publisher-multi"> <textarea class="publisher-input" rows="3" placeholder="Write something"></textarea> <div class="flexbox"> <div class="gap-items"> <span class="publisher-btn file-group"> <i class="fa fa-paperclip file-browser"></i> <input type="file"> </span> <a class="publisher-btn" href="#"><i class="fa fa-map-marker"></i></a> <a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a> </div> <button class="btn btn-sm btn-bold btn-primary">Post</button> </div></div>Avatar
<div class="publisher publisher-multi"> <img class="publisher-avatar avatar avatar-sm" src="../assets/img/avatar/1.jpg" alt="..."> <textarea class="publisher-input auto-expand" rows="2" placeholder="Write something"></textarea> <div class="flexbox"> <div class="gap-items"> <span class="publisher-btn file-group"> <i class="fa fa-paperclip file-browser"></i> <input type="file"> </span> <a class="publisher-btn" href="#"><i class="fa fa-map-marker"></i></a> <a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a> </div> <button class="btn btn-sm btn-bold btn-primary">Post</button> </div></div>Avatar alt
<div class="publisher publisher-multi"> <div class="flexbox"> <textarea class="publisher-input auto-expand" rows="3" placeholder="Write something"></textarea> <img class="flex-top avatar" src="../assets/img/avatar/1.jpg" alt="..."> </div> <div class="flexbox"> <div class="gap-items"> <span class="publisher-btn file-group"> <i class="fa fa-paperclip file-browser"></i> <input type="file"> </span> <a class="publisher-btn" href="#"><i class="fa fa-map-marker"></i></a> <a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a> </div> <button class="btn btn-sm btn-bold btn-primary">Post</button> </div></div>Expandable input
<div class="publisher publisher-multi"> <textarea class="publisher-input auto-expand" rows="2" placeholder="Write something"></textarea> <div class="flexbox"> <div class="gap-items"> <span class="publisher-btn file-group"> <i class="fa fa-paperclip file-browser"></i> <input type="file"> </span> <a class="publisher-btn" href="#"><i class="fa fa-map-marker"></i></a> <a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a> </div> <button class="btn btn-sm btn-bold btn-primary">Post</button> </div></div>Transparent and bordered
<div class="publisher publisher-multi bg-transparent b-1"> <textarea class="publisher-input auto-expand" rows="2" placeholder="Write something"></textarea> <div class="flexbox"> <div class="gap-items"> <span class="publisher-btn file-group"> <i class="fa fa-paperclip file-browser"></i> <input type="file"> </span> <a class="publisher-btn" href="#"><i class="fa fa-map-marker"></i></a> <a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a> </div> <button class="btn btn-sm btn-bold btn-primary">Post</button> </div></div>