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>