@yozora/react-common-copy-button NPM

Render a simple copy button.

Install

npm

npm install --save @yozora/react-common-copy-button

yarn

yarn add @yozora/react-common-copy-button

Usage

Basic:

import React from 'react'
import CopyButton from '@yozora/react-common-copy-button'

const wrapper = (<CopyButton value="waw" style={ { color: 'orange' } } />)

Props

Name	Type	Required	Default	Description
`className`	`string`	`false`	-	Root css class
`statusNodeMap`	`Record<string, React.ReactNode>`	`false`	See below	Map of copy status and displaying text.
`style`	`React.CSSProperties`	`false`	-	Root css style
`value`	`string`	`true`	-	The literal texture content that waiting to copy

className: The root element of this component will always bind with the CSS class 'yozora-common-copy-button'.

statusNodeMap:

export const defaultStatusNodeMap: Record<CopyStatus, React.ReactNode> = {
  waiting: 'copy',
  copying: 'copying..',
  failed: 'failed!',
  succeed: 'copied!',
}

@guanghechen/react-hooks

@infinitebrahmanuniverse/nolb-_yoz @everything-registry/sub-chunk-1044 @yozora/react-code-literal @yozora/react-code-live @zalastax/nolb-_yoz

4 months ago

4 months ago

8 months ago

9 months ago

1 year ago