vue-checkbox-radio
A Vue component to easily styling checkbox and radio inputs.
Example
Check out demo and styling examples.
Usage
Checkbox
I agree to the terms of service
Radio
I'm a robot I'm not a robot
Install
yarn
yarn add vue-checkbox-radio
npm
npm install vue-checkbox-radio --save
Setup
Register the plugin.
; Vue;
Or register components manually.
; Vue;Vue;
Params
Checkbox
Parameter | Type | Default |
---|---|---|
id | string |
checkbox-id-(element uid) |
class-name | string |
null |
name | string |
null |
v-model | string , boolean or array |
undefined |
value | string or boolean |
null |
checked | boolean |
false |
required | boolean |
false |
disabled | boolean |
false |
Radio
Parameter | Type | Default |
---|---|---|
id | string |
radio-id-(element uid) |
class-name | string |
null |
name | string |
null |
v-model | string or boolean |
undefined |
value | string or boolean |
null |
checked | boolean |
false |
required | boolean |
false |
disabled | boolean |
false |
Events
Both components emit the input
event to work with v-model
.
Full example
I agree to the terms of service
Slots
Slot input-box
allow overwriting input-box
for specific customizations.
[...] Test
License
MIT © Mario Juárez