@maqe-vue/radio
v1.0.0
Published
The Vue2 component for radio
Downloads
1
Readme
@maqe-vue/radio-input
The Vue2 component for radio-input
See demo on: Storybook
Installation
NPM
Install the npm package.
npm install @maqe-vue/radio-input --save
Register the component
import Input from '@maqe-vue/radio-input'
import '@maqe-vue/radio-input/dist/style.css'
Vue.component('vmq-radio', Input)
Usage
Basic
<vmq-radio
v-model="radio"
:list="[
{ value: 'yes', title: 'Yes' },
{ value: 'no', title: 'No' }
]"
/>
API
Props
| Name | Type | Description | default |
| :--------------------|:-------------------:|----------------|:-----------|
| v-model
| bind
| | |
| list
| array
| Radio group including list | []
| list > value
| String | Integer
| | null
| list > title
| String
| Label name | ""
| list > disabled
| Boolean
| | false
|
| containerClass
| string
Style
Custom Style
Custom style with css variable
<vmq-radio
v-model="radio"
:list="[
{ value: 'yes', title: 'Yes' },
{ value: 'no', title: 'No' }
]"
/>
// for example to set as a global
<style>
:root {
--vmq-radio-color: tan;
}
</style>