react-mlb-logos

React components for MLB team logos

Usage no npm install needed!

<script type="module">
  import reactMlbLogos from 'https://cdn.skypack.dev/react-mlb-logos';
</script>

README

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