ToggleButton

Toggle button with customizable on/off labels.

Preview

Open in Storybook →

When to use

• When a toggle needs descriptive labels for each state
• As an alternative to ToggleSwitch with more visual weight

Usage

<script setup>
import { ref } from "vue";

const active = ref(false);
</script>

<template>
  <ToggleButton v-model="active" onLabel="Active" offLabel="Inactive" />
</template>

Links

• Storybook →
• PrimeVue Docs →