Vue tri state checkbox
A material tri state checkbox component for Vue 3. Part of my component export tutorial.
🚀 Installation
Install using your package manager of choice:
yarn add vue-tri-state-checkbox📺 Demo
https://matija-components.vercel.app/tri-state-checkbox
⚙️ Usage
Import the component locally or define it globally and include the css file:
<template>
<tri-state-checkbox v-model="val" label="Vite + Vue" />
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { TriStateCheckbox } from "vue-tri-state-checkbox";
import "vue-tri-state-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 |
#3ba13b | Color of the checkbox background |
label |
string/undefined |
Checkbox label |