Copy Text

Copy Text Button provides the ability to copy the text into the clipboard

Examples

Text #

The text attribute is required and its value contains the text that the user wants to copy. Click on the button to copy the text into the clipboard.

This is an example text
This HTML Blueprint requires JavaScript. You may use your own solution, or use Chi's vanilla JavaScript solution, Chi.js.

Disabled #

Use the disabled attribute to disable the copy-text button.

This is an example text
This HTML Blueprint requires JavaScript. You may use your own solution, or use Chi's vanilla JavaScript solution, Chi.js.

Sizes #

Copy text button supports the following sizes: xs, sm, sm--2, sm--3, md, lg, xl, xxl

xs

sm

sm--2

sm--3

md

lg

xl

xxl

This HTML Blueprint requires JavaScript. You may use your own solution, or use Chi's vanilla JavaScript solution, Chi.js.

Web Component

Accessibility

Accessibility guidelines coming soon