Skip to content
On this page

Switch ​

Indicates the switching between two opposing states

Basic usage ​

Bind the v-model to a variable of type Boolean to use it.

Switch color ​

The color attribute can set the color of the switch.

Text description ​

checked-text un-checked-text Set the text description of the switch. If it exceeds the length, it will be hidden.

Show custom icons ​

Use the checked-icon and un-checked-icon properties to add icons. checkedIconColor and unCheckedIconColor can set the color of the icon

Disabled state ​

disabled property can set the disabled state of the switch

Attributes ​

Events ​

MIT Licensed