CheckBox

Aggressive and impacting effect and the most important functional

State

To add a checkBox to the application, we have the vs-checkbox component, which as principal parameters needs v-model that would be our value.

Colors

You can change the color of the checkBox with the property vs-color, as a value you can use the main primary,success, danger,warning, dark or any color RGB or HEX.

WARNING

Only RGB and HEX colors are supported.

Boolean Value

The most normal thing is to work with the boolean data type when working with a checkBox for it, you just have to link a boolean value in v-model.

String Value

You can pass as a value a string by giving it as a value of the property vs-value.

  • null

Array Values

You can have several checkBoxs linked to the same array only by using v-model with a value of Array.

  • [ "luis" ]

API #

NameTypeParametersDescriptiondefault
v-modelString / bolean / arraylink values.
vs-colorStringprimary, success, danger, warning, dark, RGB, HEXColor options for checkBox.primary
vs-valueStringprimary, success, danger, warning, dark, RGB, HEXValue if different from a boolean.