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.