Vue Checkbox - Argon

Checkboxes are for selecting one or several options in a list. You can Create consistent cross-browser and cross-device checkboxes with our ArgonCheckbox component.


Checkbox

Props Information

NameTypeDefaultDescription
idStringUsed to set the id of ArgonCheckbox.
nameStringUsed to set the name of ArgonCheckbox.
checkedboolUsed to set the checked state of ArgonCheckbox.

Vue Radio - Argon

Radio buttons are used for selecting one option from many. You can Create consistent cross-browser and cross-device checkboxes with our ArgonRadio component.

Props Information

NameTypeDefaultDescription
id*StringUsed to set the id of ArgonRadio. It is a required prop.
name*StringUsed to set the name of ArgonRadio. It is a required prop.
checkedboolUsed to set the checked state of ArgonRadio.

Vue Switch - Argon

ArgonSwitch is a simple component used for activating one of two predefined options. Commonly used as an on/off button. It`s mostly used in a number of various forms since they are very simple to use and cut the time one needs to fill all the inputs.

Props Information

NameTypeDefaultDescription
id*StringUsed to set the id of ArgonSwitch. It is a required prop.
name*StringUsed to set the name of ArgonSwitch. It is a required prop.
checkedboolUsed to set the checked state of ArgonSwitch.
labelClassStringUsed to add custom class around label element.
inputClassStringUsed to add custom class around input element.