react-tournament-bracket
React tournament bracket renderer
Last updated a year ago by moodysalem .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-tournament-bracket 
SYNC missed versions from official npm registry.

npm Build Status react-tournament-bracket

image

React components for rendering a tournament bracket

Demo

Go here

Install

npm i react-tournament-bracket 

Usage

These bracket components rely on a cyclical graph data structure.
Thus, to render a bracket, you pass in only the final game. If you have a set of games matching the model, you can pass them all in to render all the brackets. The Bracket Generator will discover which games are considered 'finals' and order the rendered brackets by the height of the winning path.

import { Bracket } from 'react-tournament-bracket';
import { render } from 'react-dom';

render(<Bracket game={game}/>, document.getElementById('app'));

Development

TODO

  • Component documentation
  • Better handling of mouse team highlighting (currently, when moving between teams in a particular game, the mouse events fire in inconsistent order and can result in the wrong team left highlighted)
  • Consider simplifying the game model passed to this component
  • Add tests

Current Tags

  • 0.2.4                                ...           latest (a year ago)

15 Versions

  • 0.2.4                                ...           a year ago
  • 0.2.3 [deprecated]           ...           a year ago
  • 0.2.2 [deprecated]           ...           2 years ago
  • 0.2.1 [deprecated]           ...           2 years ago
  • 0.2.0 [deprecated]           ...           2 years ago
  • 0.1.0                                ...           3 years ago
  • 0.0.9                                ...           3 years ago
  • 0.0.8                                ...           3 years ago
  • 0.0.7                                ...           3 years ago
  • 0.0.6                                ...           3 years ago
  • 0.0.5                                ...           3 years ago
  • 0.0.4                                ...           3 years ago
  • 0.0.3                                ...           3 years ago
  • 0.0.2                                ...           3 years ago
  • 0.0.1                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 1
This Month 1
Last Day 0
Last Week 0
Last Month 9
Dependencies (3)
Dev Dependencies (11)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |