DEV Community

loading...
Cover image for Vue3 TriStateCheckbox

Vue3 TriStateCheckbox

PrimeTek
PrimeTek is a world renowned vendor of popular UI Component suites including PrimeFaces, PrimeNG, PrimeReact and PrimeVue. For any inquires please use contact@primetek.com.tr 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.

Setup

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

Import

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

Theming

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

Resources

Visit the PrimeVue TriStateCheckbox showcase for demos and documentation.

Discussion (0)

Forem Open with the Forem app