VsudCheckbox

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

Checkbox

<template>
  <vsud-checkbox>Checkbox</vsud-checkbox>
</template>

<script>
import VsudCheckbox from "@/components/VsudCheckbox.vue";

export default {
 components: {
  VsudCheckbox,
   },
 };
</script>

1<template>
2  <vsud-checkbox>Checkbox</vsud-checkbox>
3</template>
4
5<script>
6import VsudCheckbox from "@/components/VsudCheckbox.vue";
7
8export default {
9 components: {
10  VsudCheckbox,
11   },
12 };
13</script>

Props Information

Name	Type	Description
id	String	Used to set the `id` of `VsudCheckbox`.
name	String	Used to set the `name` of `VsudCheckbox`.
checked	bool	Used to set the `checked` state of `VsudCheckbox`.

VsudRadio

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

Radio

Radio 2

Radio 3

<template>
  <vsud-radio checked>Radio</vsud-radio>
</template>

<script>
import VsudRadio from "@/components/VsudRadio.vue";

export default {
 components: {
    VsudRadio,
   },
 };
</script>

1<template>
2  <vsud-radio checked>Radio</vsud-radio>
3</template>
4
5<script>
6import VsudRadio from "@/components/VsudRadio.vue";
7
8export default {
9 components: {
10    VsudRadio,
11   },
12 };
13</script>

Props Information

Name	Type	Description
id*	String	Used to set the `id` of `VsudRadio`.
name*	String	Used to set the `name` of `VsudRadio`.
checked	bool	Used to set the `checked` state of `VsudRadio`.