DEV Community

Cover image for Vue3 TriStateCheckbox

Vue3 TriStateCheckbox

PrimeTek is a world renowned vendor of popular UI Component suites including PrimeFaces, PrimeNG, PrimeReact and PrimeVue. For any inquires please use to contact us.
・1 min read

Vue TriStateCheckbox is used to select either "true", "false" or "null" as the value.
It supports Vue 3 with PrimeVue 3 and Vue 2 with PrimeVue 2.


Refer to PrimeVue setup documentation for download and installation steps for your environment such as Vue CLI, Vite or browser.


import TriStateCheckbox from 'primevue/tristatecheckbox';
Enter fullscreen mode Exit fullscreen mode

Getting Started

A model can be bound using the standard v-model directive.

<TriStateCheckbox v-model="value" />
Enter fullscreen mode Exit fullscreen mode


TriStateCheckbox supports various themes featuring Material, Bootstrap, Fluent as well as your own custom themes via the Designer tool.


Visit the PrimeVue TriStateCheckbox showcase for demos and documentation.

Discussion (0)

Forem Open with the Forem app