Switch

Introduction to using the Switch component

Switch introduction diagram

Switch toggle, usually used for on or off functions.

Basic usage

<bpa-switch labelText="text" v-model="isOpen"/>

Custom text

<bpa-switch labelText="text" v-model="isOpen">
  <template v-slot:close-text><img src="favicon.ico" alt=""/>Off</template>
  <template v-slot:open-text>On👍🏽</template>
</bpa-switch>

Attributes

Name	Value	Type	Default	Required	Note
id		String	random
labelText		String
v-slot:close-text		String	Off/OFF
v-slot:open-text		String	On/ON

Events

Name	Parameters	Description
change

Demo