⌗ qwik-copy-text

A react text copy component to easily copy html as rich text format in clipboard. ✨

Features

• Hassle free html to rich formatted text 🥳
• Lightweight ⚡
• Easy to use 🐥
• fully customizable style ⚒️

Install

Via package managers:

$ npm i qwik-copy-text

$ yarn add qwik-copy-text

Example Usage

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>`} 
 />

Props

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

Contributing

Feel free to submit any issues or pull request 🙂