Package Exports
- overwatch-table
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (overwatch-table) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
overwatch-table
A React component modeling the Overwatch Custom Game table element
Install
Note: Requires React 16.2+ for now
npm install --save overwatch-tableFonts
Futura No 2 D DemiBold
This font is used by Activision Blizzard for much of Overwatch's design. For this component to match the Overwatch design, including the font is required. It can be licensed from MyFonts.
When using CSS font-face, the font-family should match whats below:
font-family: 'Futura No 2 D DemiBold';Usage
Check out example/index.js for working example.
Props
| name | required | type | default | desc |
|---|---|---|---|---|
| columnLabels | X |
object | null | Object of keys matching the keys of each item in rows, where the key's value is the label for that column in the Table. |
| columnOrder | X |
array | null | Array of strings, matching the keys of each item in rows, in the desired order for the columns. |
| rows | X |
array | null | Array of objects, with keys matching columnLabels and values that will be displayed in the Table cells. |
Development
npm run devRunning the example
cd example/; npm run devOpen http://localhost:8080/ to view example
Tests
npm testLicense
Made with 🍊 by Chris Dolphin
