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