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>