csgo-matchboard-component
A React component displaying CSGO Match information
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.