Switch

  1. <vuestic-switch v-model="isMale">
  2. <span slot="trueTitle">Male</span>
  3. <span slot="falseTitle">Female</span>
  4. </vuestic-switch>

Props

  • v-model - Boolean - model of your select
Simply add slot="trueTitle" attribute to span which should return true in your model after click. Otherwise add slot="falseTitle" attribute.

Find DEMOs here!