skip to main content
skip to navigation sidebar
skip to context sidebar
Collection of theme-ui and external components.
Theme UI
Edit this page
created:3/15/2021
updated:3/15/2021
source lines:58
comments %:16

CopyContainer

@component-controls/components
3.4.5

Container component to enclose items that will provide copy functionality on click.

Component

browse
docs
issues
import { CopyContainer } from '@component-controls/components';

Overview

some text.

click to copy

browse
docs
issues
() => (
  <CopyContainer value="some text">
    <div style={{ border: '1px solid black', padding: '5px' }}>
      <p>some text.</p>
      <p>click to copy</p>
    </div>
  </CopyContainer>
)

Properties

Name
Description
Default
name

name of the property

string
-
value

value to copy

string
-

External dependencies

package
imports
peer
@primer/octicons-react
^10.0.0
CheckIcon
copy-to-clipboard
^3.2.1
copy
react
^17.0.1
useStateFC
*
theme-ui
^0.6.0-alpha.7
jsxBox

Internal dependencies

file
imports
"../Popover"
Popover

Component JSX

<CheckIcon
sizesx
/>
@primer/octicons-react
^10.0.0
<Box
sx
/>
theme-ui
^0.6.0-alpha.7
Previous
component-controls/ColorMode
Next
component-controls/Description