UNPKG

react-nba-logos

Version:
64 lines (44 loc) 1.19 kB
# React NBA Logos ![npm](https://img.shields.io/npm/v/react-nba-logos) > React components for NBA team logos ![image](https://user-images.githubusercontent.com/11506653/61015562-1ff45080-a35a-11e9-9b5c-4a824268c3aa.png) ## Install ```shell $ npm install react-nba-logos ``` ## Usage ```js 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 ```js 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) ```js 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 <img width="324" alt="Screen Shot 2019-07-11 at 5 50 31 PM" src="https://user-images.githubusercontent.com/11506653/61087786-a2394f00-a404-11e9-8e7b-d4361a834ad4.png">