@coffeekraken/s-theme-switcher-component

{{#> layout-readme }}

SClipboardCopyComponent

This package expose a simple SClipboardCopyComponent custom element that you can define and use in your pages easily.

Features

• Framework agnostic. Simply webcomponent.
• Set a "from" target that will be copied in the clipboard on click
• Default icons for "copy", "copied", and "error"
• Responsive props see more
• And more...

Usage

First, simply import and define the component in your js/ts file:

import { define } from '@coffeekraken/s-clipboard-copy-component';
define();

Make use of it in your pages:

<input type="text" value="Hello world" id="my-input" />
<s-clipboard-copy from="my-input"></s-clipboard-copy>

Attributes

{{> interface namespace='@coffeekraken.s-clipboard-copy-component.js.interface.SClipboardCopyComponentInterface' }}

API

For more information about the API, please check out the API documentation

{{/ layout-readme }}