soccer-lineup v0.3.1

react-soccer-lineup

⚽ React Soccer Line up - A soccer pitch representation component for React ⚛️

Install

npm install --save react-soccer-lineup

Usage

import React, { Component } from 'react'

import SoccerLineUp from 'react-soccer-lineup'

class Example extends Component {

    render () {

        return (
            <SoccerLineUp
                size={ "small" }
                color={ "lightseagreen" }
                pattern={ "circles" }
            />
        )

    }
}

API

Prop	Type	Required	Default value	Description
color	string	No	#588f58	The pitch background color
size	string	No	"normal"	Pitch dimensions. Supported values: small, normal, big, responsive, fill
pattern	string	No	-	The pattern applied to the pitch grass. Supported values: lines, squares, circles
homeTeam	Team	No	-	The left side team
awayTeam	Team	No	-	The right side team

Team

Squad

Player

Live

Check a live example here.

License

MIT © giustini