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>