React-NBA-Logos
React-NBA-Logos copied to clipboard
React components for NBA team logos 🏀
React NBA Logos
React components for NBA team logos
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
