@automattic/form-components/clipboard-button/docs/example.jsx

React-based form components, as used on WordPress.com

/**
 * External dependencies
 */
import React from 'react';

/**
 * Internal dependencies
 */
import ClipboardButton from '../';

export default class extends React.PureComponent {
    static displayName = 'ClipboardButtons';

	state = {
		isCopied: false
	};

	onCopy = () => {
		this.setState( {
			isCopied: true
		} );
	};

	render() {
		return (
			<div>
				<ClipboardButton
					onCopy={ this.onCopy }
					text="This text was copied via ClipboardButton"
					style={ { float: 'none' } }>
					{ this.state.isCopied ? 'Copied!' : 'Copy to clipboard' }
				</ClipboardButton>
			</div>
		);
	}
}