samushi/clipboard-react

React copy clipboard code

Syntax highlighting your code on the blog and make it easy to copy with just one click

How to install

npm i samushi-clipboard-react

import React from 'react';
import ReactDOM from 'react-dom';
import {Copyclipboard} from 'samushi-clipboard-react';

const code = `
const javascriptVariable = "this code need to work";
console.log(javascriptVariable);
`;

class App extends React.Component {
  render() {
    return (
      <div>
        <Copyclipboard copyText={code}/>
      </div>
    );
  }
}

How to use

Options

copyText: String

Highlighted code text

language: String

Which code language is used in copyText

showLines: Boolean

Show or hide line numbers

Supported Language

• JavaScript - javascript, js
• CSS - css
• Markup - markup, html, xml, svg, mathml, ssml, atom, rss
• PHP - php
• PHPDoc - phpdoc
• YAML - yaml, yml
• Go - go
• React JSX - jsx
• React TSX - tsx
• etc.