React NBA Logos Save

React components for NBA team logos 🏀

Project 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
Open Source Agenda is not affiliated with "React NBA Logos" Project. README Source: ChrisKatsaras/React-NBA-Logos
Stars
59
Open Issues
4
Last Commit
1 year ago

Open Source Agenda Badge

Open Source Agenda Rating