A material tri state checkbox component for Vue 3. Part of my component export tutorial.
Install using your package manager of choice:
yarn add vue-tri-state-checkbox
https://matija-components.vercel.app/tri-state-checkbox
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>
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 |