Skip to content

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

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
textstringyesThe text value to display and copy to the clipboard.
toaststringnullToast message shown after copying. Defaults to "<text> copied".

Slots ​

text ​

Scoped slot.

Bindings ​

NameDescription
text

copy-button ​

Scoped slot.

Source ​

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