Switch

介紹使用 Switch 元件

Switch 介紹示意圖

Switch 切換開關，通常用在開啟或關閉的功能上。

基本使用

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

客製化文字

<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>

屬性

Name	Value	Type	Default	Required	Note
id		String	random
labelText		String
v-slot:close-text		String	關閉/OFF
v-slot:open-text		String	開啟/ON

事件

Name	Parameters	Desciption
change

Demo