https://github.com/ehsan-shv/vb-radio
Vue3 and Nuxt3 customizable radio input.
https://github.com/ehsan-shv/vb-radio
form input nuxt3 radio-buttons typescript vue3
Last synced: about 1 year ago
JSON representation
Vue3 and Nuxt3 customizable radio input.
- Host: GitHub
- URL: https://github.com/ehsan-shv/vb-radio
- Owner: ehsan-shv
- Created: 2022-02-28T12:02:18.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-02-28T14:56:08.000Z (over 4 years ago)
- Last Synced: 2025-03-22T19:01:47.273Z (about 1 year ago)
- Topics: form, input, nuxt3, radio-buttons, typescript, vue3
- Language: Vue
- Homepage: https://ehsan-shv.github.io/vb-radio/
- Size: 816 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vb-radio
**Vue 3 radio input component.**
> Support Vue3, Nuxt3 and type-safe. [Demo](https://ehsan-shv.github.io/vb-radio/)
## Instalation
```bash
npm i vb-radio
```
## Basic Example
```js
import { defineComponent, ref } from 'vue';
import { RadioGroup } from 'vb-input';
export default defineComponent({
name: 'App',
components: {
RadioGroup,
},
setup() {
const frameworks = ref([
{ label: 'Vue', value: 'vue' },
{ label: 'React', value: 'react' },
{ label: 'Angular', value: 'angular' },
{ label: 'Svelte', value: 'svelte' },
]);
const framework = ref('vue');
return { frameworks, framework };
},
});
```
## Vertical Example
```js
import { defineComponent, ref } from 'vue';
import { RadioGroup } from 'vb-input';
export default defineComponent({
name: 'App',
components: {
RadioGroup,
},
setup() {
const frameworks = ref([
{ label: 'Vue', value: 'vue' },
{ label: 'React', value: 'react' },
{ label: 'Angular', value: 'angular' },
{ label: 'Svelte', value: 'svelte' },
]);
const framework = ref('vue');
return { frameworks, framework };
},
});
```
## RTL Example
```js
import { defineComponent, ref } from 'vue';
import { RadioGroup } from 'vb-input';
export default defineComponent({
name: 'App',
components: {
RadioGroup,
},
setup() {
const frameworks = ref([
{ label: 'Vue', value: 'vue' },
{ label: 'React', value: 'react' },
{ label: 'Angular', value: 'angular' },
{ label: 'Svelte', value: 'svelte' },
]);
const framework = ref('vue');
return { frameworks, framework };
},
});
```