Brandkit/Components/Clipboard

attribute.clipboard.html

<clipboard-inline [textToCopy]="'Copy via Attribute'" 
                  [targetClass]="'text-link'" 
                  [showCopyButton]="false">
  I can copy without an input target!
</clipboard-inline>

inline.clipboard.html

<clipboard-inline>like this</clipboard-inline>

input.clipboard.html

<div class="input-group">
  <input type="text" class="form-control" id="textToCopy" value="Copy" />
  <div class="input-group-btn">
    <clipboard [buttonText]="'Copy'" [target]="'#textToCopy'"></clipboard>
  </div>
</div>

text-area.clipboard.html

<textarea class="form-control" id="exampleTextArea" rows="3">Copy this paragraph. </textarea>
<clipboard [buttonText]="'Copy'" [target]="'#exampleTextArea'"></clipboard>