react-nba-logos

React components for NBA team logos

Usage no npm install needed!

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

README

React NBA Logos

npm

React components for NBA team logos

image

Install

$ npm install react-nba-logos

Usage

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

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

export default Example;

or include all icons

import React from 'react';
import * as NBAIcons from 'react-nba-logos';

const Example = () => {
  return <NBAIcons.TOR />; // Loads the Toronto Raptors logo
};

export default Example;

Configuration

Size can be easily configured (Default of 100px)

import React from 'react';
import { TOR } from 'react-nba-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