Clipboard

Display a unique identifier element.

Usage

Wrap a component and provide the cliboard component with a source to add a tooltip & clipboard functionality. See CCIdentifier.

Optionally use the magic-key prop to add a clipboard shortcut for the value.

example-id
<script setup lang="ts">
const id = ref('example-id')
</script>

<template>
  <CClipboard
    :source="id"
    magic-key="Cmd_I"
    hide-icon
  >
    <CIdentifier :id="id" />
  </CClipboard>
</template>

Hide icon suffix

This will be removed soon.

Example
<template>
<CClipboard hide-icon>Clipboard</CClipboard>
</template>

Icon

Props

source
string
magicKey
string
hideIcon
boolean