react-pinout

RaspberryPi pinout React component

Heavily inspired from pinout.xyz

Demo

Usage

import { RaspberryPi } from 'react-pinout'

const RaspberryPi = <RaspberryPi pins={ pins } onClick={ pin => redirect(pin.href) } />

pins is an array composed of 40 items :

{
  "physicalPort": 1,
  "href": "/pinout/pin1_3v3_power",
  "title": "",
  "details": "",
  "label": "3v3 Power",
  "shape": "square",
  "color": "#B58900"
}