A react text copy component to easily copy html as rich text format in clipboard. ✨
- Hassle free html to rich formatted text 🥳
- Lightweight ⚡
- Easy to use 🐥
- fully customizable style ⚒️
Via package managers:
$ npm i qwik-copy-text
$ yarn add qwik-copy-text
import QwikCopy from 'qwik-copy-text'
// custom style !optional
const style = {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
width: '20px',
height: '20px',
padding: '10px',
background: '#5784f5',
color: '#fff',
fontSize: '20px',
border: 'none',
outline: 'none',
borderRadius: '10px',
cursor: 'pointer',
}
<QwikCopy
isDisabled={false}
styles={style}
htmlContent={`<h1> Hello from qwikcopy! </h1>`}
/>
Prop | Type | Requirement | Description |
---|---|---|---|
isDisabled | boolean |
required |
hide/show the component true or false |
htmlContent | string |
required |
html to rich text |
styles | object |
optional |
object of React style |
Feel free to submit any issues or pull request 🙂