Skip to content

ChrisKatsaras/React-MLB-Logos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React MLB Logos

npm

React components for MLB team logos

image

Install

$ npm install react-mlb-logos

Usage

import React from 'react';
import { TOR } from 'react-mlb-logos';

const Example = () => {
  return <TOR />; // Loads the Toronto Blue Jays logo
};

export default Example;

or include all icons

import React from 'react';
import * as MLBIcons from 'react-mlb-logos';

const Example = () => {
  return <MLBIcons.TOR />; // Loads the Toronto Blue Jays logo
};

export default Example;

Configuration

Size can be easily configured (Default of 100px)

import React from 'react';
import { TOR } from 'react-mlb-logos';

const Example = () => {
  return (
    <div>
      <TOR size={60} />
      <TOR /> // Default of 100px
      <TOR size={140} />
    </div>
  );
};

export default Example;

Results in

Screen Shot 2019-07-11 at 5 50 31 PM