title: Appending multiple icons to inputs in Vuetify.js
body: <p>I know how to use the <code>append-icon</code> property to append an icon at the end of an input like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: '#app'
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet" /&gt;
  &lt;link href="https://cdn.jsdelivr.net/npm/vuetify@1.3.8/dist/vuetify.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vuetify@1.3.8/dist/vuetify.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="app"&gt;
    &lt;v-text-field
              label="Answer (optional)"
              append-icon="fas fa-times"
              @click:append="$emit('remove-answer')"
      &gt;&lt;/v-text-field&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But is there any way to append multiple icons or buttons like you can in Bootstrap?</p>
  
  <p>I'd like to add a few icons with different actions, but I haven't been able to find a solution so far...</p>