react-guitar-theme-dark

A react-guitar dark theme.

Usage no npm install needed!

<script type="module">
  import reactGuitarThemeDark from 'https://cdn.skypack.dev/react-guitar-theme-dark';
</script>

README

React-Guitar Theme Dark · npm version

A react-guitar dark theme.

See https://react-guitar.com?theme=dark for a live demo.

Screenshot of the rendered component with an E major chord

Usage

npm i react-guitar react-guitar-theme-dark

import React from 'react'
import { render } from 'react-dom'
import Guitar from 'react-guitar'
import dark from 'react-guitar-theme-dark'

render(
  <Guitar strings={[0, 1, 2, 2, 0, -1]} theme={dark} />,
  document.getElementById('root')
)

Developing

  • yarn start will watch.
  • yarn build will generate the production scripts under the dist folder.