GitHubCodeBlock

GitHub-style Code Block Component

Install

npm install github-code-block

Or

<!-- css -->
<link rel="stylesheet" href="https://unpkg.com/github-code-block/dist/style.css">
<!-- js -->
<script src="https://unpkg.com/github-code-block/dist/index.umd.js"></script>

Use GitHubCodeBlock

import GitHubCodeBlock from 'github-code-block'
import 'github-code-block/style'

function HelloWorldCodeBlock(props) {
    return (
        <GitHubCodeBlock code="echo 'hello world'" codeClassName="language-sh"/>
    )
}

See Sample

• https://alchemy-works.github.io/GitHubCodeBlock/