Nuxt 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

<template>
 <ArgonCheckbox id="checkboxId">Checkbox</ArgonCheckbox>
</template>

1<template>
2 <ArgonCheckbox id="checkboxId">Checkbox</ArgonCheckbox>
3</template>

Props Information

Name	Type	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`.

Nuxt 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.

Radio

Radio 2

Radio 3

<template>
 <ArgonRadio checked>Radio</ArgonRadio>
</template>

1<template>
2 <ArgonRadio checked>Radio</ArgonRadio>
3</template>

Props Information

Name	Type	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`.

Nuxt 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.

Toggle this switch element

<template>
 <ArgonSwitch id="rememberMe" name="Remember Me">
   Remember me
 </ArgonSwitch>
</template>

1<template>
2 <ArgonSwitch id="rememberMe" name="Remember Me">
3   Remember me
4 </ArgonSwitch>
5</template>

Props Information

Name	Type	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.