KMaskedValueDisplay

示例

Click to reveal

Displays a masked (truncated) value that reveals the full value on hover via a popover, with a copy button.

Props

Name	Type	Default	Description
label	string	— (required)	Label shown above the full value in the popover.
fullValue	string	— (required)	The complete value displayed in the popover.
maskedValue	string	— (required)	The masked/truncated value shown in the trigger button.
copyTooltip	string	'Copy value'	Tooltip text for the copy button.

Emits

Name	Parameters	Description
—	—	This component does not emit custom events.

Slots

Name	Description
—	This component does not provide slots.

Basic Usage

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

<template>
  <KMaskedValueDisplay
    label="API Key"
    fullValue="sk-abc123def456ghi789jkl012mno345pqr678"
    maskedValue="sk-abc...r678"
  />
</template>