Usage no npm install needed!

<script type="module">
  import rfrenchyCsgoMatchboardComponent from 'https://cdn.skypack.dev/@rfrenchy/csgo-matchboard-component';
</script>

README

csgo-matchboard-component

A React component displaying CSGO Match information

3 Map Component

Install

// with npm
npm install @rfrenchy/csgo-matchboard-component

// with yarn
yarn add @rfrenchy/csgo-matchboard-component

Demo

View on Storybook

Usage

// Matchboard
import React from "react";
import MatchBoard from "@rfrenchy/csgo-matchboard-component/lib/Matchboard";

const match = {
  teamOne: { imageSrc: "./team_one.svg" },
  teamTwo: { imageSrc: "./team_two.svg" },
  maps: [
    {
      name: "Mirage",
      mapImage: "./mirage.png",
      teamOneScore: 12,
      teamTwoScore: 5,
      mapPick: 1,
    },
  ],
};

class App extends React.Component {
  render() {
    return <MatchBoard match={match} />;
  }
}

License

MIT Licensed.