Quasar App Extension Copyable

A Quasar UI extension for a copyable text component

Install

quasar ext add copyable

Quasar CLI will retrieve it from NPM and install the extension.

Uninstall

quasar ext remove copyable

Example

<copyable text="copyable text"/>

API

* denotes changed or new to this version

| prop | type | default | function | | ------------- | ------- | ----------------- | --------- | | clickToCopy * | Boolean | false | Removes the copy button and enables copying by clicking on the text | | color | String | 'primary' | Sets the color of the copy button as well as the highlight and underline of the text | | end | Boolean | false | Adds a non-breaking space after the text | | hideTooltip * | Boolean | false | Hides the tooltip that appears on hover | | icon | String | 'file_copy' | Sets the icon of the copy button | | middle | Boolean | false | Adds a non-breaking space before and after the text | | noHighlight | Boolean | false | Removes the highlight behind the copyable text | | noUnderline | Boolean | false | Removes the underline below the copyable text | | start | Boolean | false | Adds a non-breaking space before the text | | text | String | '' | The text to make copyable | | textClass | String | '' | Extra classes to apply to the copyable text |

Changelog

0.1.0

New

• New props:
  • clickToCopy
  • hideTooltip

Added a click to copy tooltip on hover of the component.

Fixes

• Formatting.