Skip to content

Latest commit

 

History

History
74 lines (47 loc) · 1.55 KB

File metadata and controls

74 lines (47 loc) · 1.55 KB
id Clipboard copy
section components
cssPrefix pf-v6-c-clipboard-copy
propComponents
ClipboardCopy
ClipboardCopyButton
ouia true

import { Fragment, useEffect, useState } from 'react'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';

Examples

Basic

Read Only

Expanded

Read only expanded

Read only expanded by default

Expanded with array

JSON object (wrap code with pre)

Inline compact

Inline compact code

Inline compact with additional action

Inline compact in sentence

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.