mariomka / Vue Checkbox Radio
Licence: mit
Checkbox and radio component for Vue.js
Stars: ✭ 99
Projects that are alternatives of or similar to Vue Checkbox Radio
Prompt Checkbox
This repository has been archived, use Enquirer instead.
Stars: ✭ 21 (-78.79%)
Mutual labels: radio, checkbox
Bootstrap Table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Stars: ✭ 11,068 (+11079.8%)
Mutual labels: radio, checkbox
Compoundbuttongroup
An Android library to easily implement compound buttons
Stars: ✭ 52 (-47.47%)
Mutual labels: radio, checkbox
Flutter smart select
SmartSelect allows you to easily convert your usual form select or dropdown into dynamic page, popup dialog, or sliding bottom sheet with various choices input such as radio, checkbox, switch, chips, or even custom input. Supports single and multiple choice.
Stars: ✭ 179 (+80.81%)
Mutual labels: radio, checkbox
Easy Toggle State
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
Stars: ✭ 261 (+163.64%)
Mutual labels: radio, checkbox
React Icheck
🔘 iCheck components built with React. Highly customizable checkbox, radio buttons and radio group.
Stars: ✭ 175 (+76.77%)
Mutual labels: radio, checkbox
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches.
Stars: ✭ 5,132 (+5083.84%)
Mutual labels: radio, checkbox
Ckdcss
A tiny set of micro interactions for your checkboxes.
Stars: ✭ 49 (-50.51%)
Mutual labels: radio, checkbox
Musicbot
🎶 A Discord music bot that's easy to set up and run yourself!
Stars: ✭ 1,109 (+1020.2%)
Mutual labels: radio
Azuracast
A self-hosted web radio management suite, including turnkey installer tools for the full radio software stack and a modern, easy-to-use web app to manage your stations.
Stars: ✭ 1,253 (+1165.66%)
Mutual labels: radio
Rfsec Toolkit
RFSec-ToolKit is a collection of Radio Frequency Communication Protocol Hacktools.无线通信协议相关的工具集，可借助SDR硬件+相关工具对无线通信进行研究。Collect with ♥ by HackSmith
Stars: ✭ 1,085 (+995.96%)
Mutual labels: radio
React Native Selectmultiple Button
A button (or a grouped buttons) supporting multiple or radio selection by building with React Native. https://github.com/danceyoung/selectmultiplebuttons for Swift.
Stars: ✭ 72 (-27.27%)
Mutual labels: radio
Soapy power
Obtain power spectrum from SoapySDR devices (RTL-SDR, Airspy, SDRplay, HackRF, bladeRF, USRP, LimeSDR, etc.)
Stars: ✭ 88 (-11.11%)
Mutual labels: radio
Airspy Fmradion
Software decoder for FM/AM broadcast radio with AirSpy R2 / Mini, Airspy HF+, and RTL-SDR
Stars: ✭ 59 (-40.4%)
Mutual labels: radio
Iotsecurity101
A Curated list of IoT Security Resources
Stars: ✭ 1,302 (+1215.15%)
Mutual labels: radio
Somafm Cli
🎵 Listen to SomaFM in your terminal via pure bash
Stars: ✭ 84 (-15.15%)
Mutual labels: radio
Selectionlist
Simple single-selection or multiple-selection checklist, based on UITableView
Stars: ✭ 93 (-6.06%)
Mutual labels: checkbox
Magic Input
CSS3 Styles for Checkbox and Radio Button inputs look prettier. with only one element.
Stars: ✭ 81 (-18.18%)
Mutual labels: checkbox
vue-checkbox-radio
A Vue component to easily styling checkbox and radio inputs.
Example
Check out demo and styling examples.
Usage
Checkbox
<checkbox name="terms" value="1">
I agree to the <a href="#">terms of service</a>
</checkbox>
Radio
<radio name="robot" value="1">
I'm a robot
</radio>
<radio name="robot" value="0">
I'm not a robot
</radio>
Install
yarn
yarn add vue-checkbox-radio
npm
npm install vue-checkbox-radio --save
Setup
Register the plugin.
import CheckboxRadio from 'vue-checkbox-radio';
Vue.use(CheckboxRadio);
Or register components manually.
import {Checkbox, Radio} from 'vue-checkbox-radio';
Vue.component('checkbox', Checkbox);
Vue.component('radio', Radio);
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
<checkbox
id="input-terms"
class-name="terms"
name="terms"
value="1"
v-model="model"
checked
required>
I agree to the <a href="#">terms of service</a>
</checkbox>
Slots
Slot input-box allow overwriting input-box for specific customizations.
<checkbox>
<span class="input-box" slot="input-box">
[...]
</span>
Test
</checkbox>
License
MIT © Mario Juárez
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].