Quasar-app-extension-copyable NPM

Quasar App Extension Copyable

A Quasar UI extension for a copyable text component

quasar ext add copyable

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

quasar ext remove copyable

<copyable text="copyable text"/>

example image

* 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