#### Clipboard

#### Examples

##### Copy from Element

Use `data-clipboard-target` to copy text from a specific element.

Click the button to copy this promotional text.

##### Cut from Textarea

Use `data-clipboard-action` with `cut` to remove and copy content.

This content will be cut and removed from this textarea.

##### Copy Email Address

Click the button to copy this contact email:

support@example.com

##### Cut Input Value

This cuts the value from a single-line input field.

##### Copy Code Snippet

Copy this snippet by clicking the button:

    npm install clipboard --save

##### Copy from Input Group

Click the copy icon to copy the link here:

##### Copy Username

Copy a predefined username from a span element.

john_doe_92

##### Copy Discount Code

Copy a promotional discount code for checkout.

##### Copy HTML Template

Copy a block of HTML code from a <pre> tag.

    <button class="btn btn-primary">Click Me</button>

##### Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

##### Select Theme

##### Default

##### Material

##### Modern

##### SaaS

##### Flat

##### Minimal

##### Color Scheme

##### Light

##### Dark

##### System

##### Topbar Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Sidenav Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Image

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### On Hover

##### On Hover - Show

##### Offcanvas

##### Layout Position

Fixed Scrollable

##### Sidebar User Info