KCompactModeToggle

示例

Toggle Compact Mode

Compact: false

A toggle button that switches between compact and adaptive list display modes. Hidden on mobile viewports.

Props

Name	Type	Default	Description
modelValue	boolean	false	Whether compact mode is active.
class	string	—	Additional CSS classes for the button.

Emits

Name	Parameters	Description
update:modelValue	boolean	Emitted when the toggle is clicked.

Slots

Name	Description
—	This component does not provide slots.

Basic Usage

<script setup>
import { ref } from 'vue'
import { KCompactModeToggle } from '@kK-2004/ui-component'

const compact = ref(false)
</script>

<template>
  <KCompactModeToggle v-model="compact" />
</template>