vue3-lemon-checkbox
v0.0.3
Published
<h1 align=center>Vue3 Lemon Checkbox</h1> <p align=center>A bright style checkbox component for Vue 3</p>
Downloads
3
Maintainers
Readme
🚀 Installation
Install using your package manager of choice:
npm install vue3-lemon-checkbox
or
yarn add vue3-lemon-checkbox
⚙️ Usage
Import the component locally or define it globally and include the css file:
<template>
<lemon-checkbox v-model="val" label="Vite + Vue" />
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { LemonCheckbox } from "vue3-lemon-checkbox";
import "vue3-lemon-checkbox/dist/style.css";
const val = ref(null);
</script>
📃 Props
| Name | Type | Default | Description |
| ---------- | ------------------ | ------- | ---------------------------------- |
| v-model
| boolean/null
| | Standard two way input |
| disabled
| boolean
| false | Makes the component uninteractable |
| color
| string
| #FFF312 | Color of the checkbox background |
| label
| string/undefined
| | Checkbox label |