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

Name Type Default Description
id String Used to set the id of ArgonCheckbox.
name String Used to set the name of ArgonCheckbox.
checked bool Used 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

Name Type Default Description
id* String Used to set the id of ArgonRadio. It is a required prop.
name* String Used to set the name of ArgonRadio. It is a required prop.
checked bool Used 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

Name Type Default Description
id* String Used to set the id of ArgonSwitch. It is a required prop.
name* String Used to set the name of ArgonSwitch. It is a required prop.
checked bool Used to set the checked state of ArgonSwitch.
labelClass String Used to add custom class around label element.
inputClass String Used to add custom class around input element.
Contents