Skip to content

ChrisKatsaras/React-NBA-Logos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

41 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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