1.3.0 • Published 2 years ago

@s-ui/sui-input-copy v1.3.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

InputCopy

Component that combines an input with a button to copy the value of the input.

Installation

$ npm install @s-ui/sui-input-copy

Usage

Basic usage

Import package and use the component

PROPS

  • buttonProps: Object for pass props to the button.
  • buttonText: Literal for the button before copied.
  • buttonTextAfterCopied: Literal for the button after copying.
  • isCopied: Variable for control the component from outside.
  • labelText: Literal for label
  • onCopy: Function to execute after the text has been copied
  • textToCopy: Literal to be copied.
  • timeoutReactivateButton: Number of miliseconds to reactivate button (0 prevent the execution).
import InputCopy from '@s-ui/sui-input-copy'

return (<InputCopy />)

Import the styles (Sass)

@import '~@s-ui/theme/lib/index';
// @import 'your theme';
@import '~@s-ui/sui-input-copy/lib/index';

Find full description and more examples in the demo page.