## Examples

### Basic


import ClipboardCopyBasic from "./ClipboardCopyBasic.tsx?raw"

<LiveExample src={ClipboardCopyBasic} />

### Read Only


import ClipboardCopyReadOnly from "./ClipboardCopyReadOnly.tsx?raw"

<LiveExample src={ClipboardCopyReadOnly} />

### Expanded


import ClipboardCopyExpanded from "./ClipboardCopyExpanded.tsx?raw"

<LiveExample src={ClipboardCopyExpanded} />

### Read only expanded


import ClipboardCopyReadOnlyExpanded from "./ClipboardCopyReadOnlyExpanded.tsx?raw"

<LiveExample src={ClipboardCopyReadOnlyExpanded} />

### Read only expanded by default


import ClipboardCopyReadOnlyExpandedByDefault from "./ClipboardCopyReadOnlyExpandedByDefault.tsx?raw"

<LiveExample src={ClipboardCopyReadOnlyExpandedByDefault} />

### Expanded with array


import ClipboardCopyExpandedWithArray from "./ClipboardCopyExpandedWithArray.tsx?raw"

<LiveExample src={ClipboardCopyExpandedWithArray} />

### JSON object (wrap code with pre)


import ClipboardCopyJSONObject from "./ClipboardCopyJSONObject.tsx?raw"

<LiveExample src={ClipboardCopyJSONObject} />

### Inline compact


import ClipboardCopyInlineCompact from "./ClipboardCopyInlineCompact.tsx?raw"

<LiveExample src={ClipboardCopyInlineCompact} />

### Inline compact code


import ClipboardCopyInlineCompactCode from "./ClipboardCopyInlineCompactCode.tsx?raw"

<LiveExample src={ClipboardCopyInlineCompactCode} />

### Inline compact with additional action


import ClipboardCopyInlineCompactWithAdditionalAction from "./ClipboardCopyInlineCompactWithAdditionalAction.tsx?raw"

<LiveExample src={ClipboardCopyInlineCompactWithAdditionalAction} />

### Inline compact in sentence


import ClipboardCopyInlineCompactInSentence from "./ClipboardCopyInlineCompactInSentence.tsx?raw"

<LiveExample src={ClipboardCopyInlineCompactInSentence} />

### Inline compact with truncation

You can control the truncation for an `inline-compact` variant by passing the `truncation` property. The following example shows the different ways to use the property: passing a boolean will apply default truncation, while passing an object of `TruncateProps` offers more fine-tuned control over the truncation behavior.


import ClipboardCopyInlineCompactTruncation from "./ClipboardCopyInlineCompactTruncation.tsx?raw"

<LiveExample src={ClipboardCopyInlineCompactTruncation} />