---
url: "https://vueda.dev/v3/reference/api/vue/ClickToCopyText.md"
title: "ClickToCopyText"
---

# ClickToCopyText

## Overview

Displays a text value alongside a button that copies it to the clipboard and shows a toast notification on success.

Theme entry: [ClickToCopyText](/v3/reference/theming/keys/ClickToCopyText.md)

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-text">text</span> | `string` | yes |  | The text value to display and copy to the clipboard. |
| <span id="prop-toast">toast</span> | `string` |  | `null` | Toast message shown after copying. Defaults to `"<text> copied"`. |

## Slots

### `text` {#slot-text}

Scoped slot.

#### Bindings

| Name | Description |
| --- | --- |
| <span id="slot-text-param-text">text</span> |  |

### `copy-button` {#slot-copy-button}

Scoped slot.

## Source

`client/lib/display/click-to-copy-text/ClickToCopyText.vue`