Skip to content
On this page

Checkbox

The ACheckbox component extend the standard html checkbox element with the support of various styles, states and size.

Import

js
import { ACheckbox } from 'ayovue'
import 'ayovue/themes/default/checkbox.css'

Example



Playground



variant
label
size
<ACheckbox />

Props

Checkbox component has the following props.

Prop nameTypeRequiredDefault valueDetails
labelStringNoDefine a lable for the checkbox.
nameStringNoDefine a name for the checkbox Element.
valueanyNoValue for the checkbox Element.
modelValueanyNoModelValue to bind using v-model.
outlinedBooleanNofalseEnable outlined variant.
roundedBooleanNofalseEnable rounded variant.
disabledBooleanNofalseMake the checkbox disable.
variantStringNoprimaryDefines the color variant of checkbox which has the following values:
primary, secondary, success, info, warning , danger
sizeNumberNo16Defines the size of the checkbox.

Slots

Checkbox component has the following slots.

Slot nameDescriptionProps
defaultContent of the Checkbox component.N/A

Events

Checkbox component supports all native events.

Released under the MIT License.