title: pass class as props in vue js?
body: <p>This is the parent component I want to send bind :class to two child component</p>
  <pre><code> &lt;TextInput
      :icon=&quot;['fa', 'user']&quot;
      type=&quot;text&quot;
      placeholder=&quot;Name&quot;
      v-model.trim=&quot;userDetails.buyer_name.$model&quot;
      :class=&quot;{
          'is-invalid': $v.buyer_name.$error,
          'is-valid': !$v.buyer_name.$invalid
      }&quot;
   &gt;
  </code></pre>
  <p>it's the child component here i want the to accept class as props</p>
  <pre><code>&lt;template&gt;
     &lt;div class=&quot;product-form&quot;&gt;
         &lt;fa-icon class=&quot;icons&quot; :icon=&quot;icon&quot; &gt;&lt;/fa-icon&gt;
         &lt;input :type=&quot;type&quot; :placeholder=&quot;placeholder&quot; /&gt; 
     &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>