Copy Button Examples

Can be added directly to headings, text, tables and more.

Headings

Heading 1

Code

### Heading 1 <CB />

Result

Heading 1

Heading 2 Badge

Code

### Heading 2 <Badge type="tip" text="Badge" /> <CB />

Result

Heading 2

Heading 3 Badge

Code

### Heading 3 <CB /> <Badge type="tip" text="Badge" />

Result

Heading 3

Heading 4 Badge

Code

### Heading 4 <CB anchor /> <Badge type="tip" text="Badge" /> {#custom_anchor_2}

Result

custom_anchor_2

Heading 5

Code

### Heading 5 <CB text="Custom Text" />

Result

Custom Text

Text

Lorem ipsum dolor sit amet.

Code

Lorem ipsum dolor sit amet. <CB />

Result

Lorem ipsum dolor sit amet.

Some text. some inline code

Code

Some text. `some inline code` <CB />

Result

Some text.

Some text. some inline code

Code

Some text. `some inline code` <CB prev />

Result

some inline code

Some text. some inline code

Code

Some text. `some inline code` <CB all />

Result

Some text. some inline code

Table

Key	Tag Used	Result
inline code	<CB />	inline code
text string	<CB />	text string
text string inline code	<CB />	text string
text string inline code	<CB prev />	inline code
text string inline code	<CB all />	inline code text string

Demos

The plugin is used extensively on these pages:

• https://docker-deploy.cssnr.com/docs/inputs
• https://portainer-deploy.cssnr.com/docs/inputs

If you have a live demo, let us know and we will post it here...

See the CopyButton Documentation for <CB /> tag usage.