title: Shift box of the checkbox component to the right of label
body: <p>Im new to vue. May I ask about this?
  So, I have checkbox component and I want to shift the &quot;box&quot; of this component to the right side of label text in other component (e.g Card, by default the box is on the left). But I want it to be like a slot, conditional, or maybe using props/modifier (so I can choose the requirement, is it left or right checkbox). Is it possible? Here are my code</p>
  <p>Checkbox on Card component:</p>
  <pre><code>&lt;template&gt;
   //component code
  
      &lt;Checkbox  class=&quot;my-checkbox&quot; ref=&quot;myCheckbox&quot; v-model=&quot;checkedValue&quot; v-if=&quot;multiselect&quot;&gt;&lt;slot&gt;{{ text }}&lt;/slot&gt;&lt;/Checkbox&gt;
   
   //component code
  &lt;/template&gt;
  </code></pre>
  <p>Checkbox template:</p>
  <pre><code>&lt;div class=&quot;my-cb&quot;&gt;
    &lt;input
      :id=&quot;cb&quot;
      v-model=&quot;computedValue&quot;
      type=&quot;checkbox&quot;
      :disabled=&quot;disabled&quot;
      :required=&quot;required&quot;&gt;
      &lt;label :for=&quot;cb&quot;&gt;
         &lt;slot /&gt;
      &lt;/label&gt;
  &lt;/div&gt;
  
  </code></pre>
  <p>Edit: Thanks to Lais Frigerio, solved perfectly</p>