1- # tournaments -brackets
1+ # react -brackets
22
33> Dynamic bracket component, usable for brackets such as single elimination and double elimination
44
5- [ ![ NPM] ( https://img.shields.io/npm/v/tournaments -brackets.svg )] ( https://www.npmjs.com/package/tournaments -brackets ) [ ![ JavaScript Style Guide] ( https://img.shields.io/badge/code_style-standard-brightgreen.svg )] ( https://standardjs.com )
5+ [ ![ NPM] ( https://img.shields.io/npm/v/react -brackets.svg )] ( https://www.npmjs.com/package/react -brackets ) [ ![ JavaScript Style Guide] ( https://img.shields.io/badge/code_style-standard-brightgreen.svg )] ( https://standardjs.com )
66
77## Install
88
99via npm
1010
1111``` bash
1212
13- npm install --save tournaments -brackets
13+ npm install --save react -brackets
1414
1515```
1616
1717via yarn
1818
1919``` bash
2020
21- yarn add --save tournaments -brackets
21+ yarn add --save react -brackets
2222
2323```
2424
@@ -27,7 +27,7 @@ yarn add --save tournaments-brackets
2727The simplest usage of this component is
2828
2929``` jsx
30- import { Bracket , RoundProps } from ' tournaments -brackets' ;
30+ import { Bracket , RoundProps } from ' react -brackets' ;
3131
3232const rounds: RoundProps [] = [
3333 {
@@ -67,7 +67,7 @@ The core shape is similar to the above, since we can customize seeds and titles,
6767modifying a title of the round is so simple,
6868
6969``` jsx
70- import { Bracket , RoundProps } from ' tournaments -brackets' ;
70+ import { Bracket , RoundProps } from ' react -brackets' ;
7171import React from ' react' ;
7272
7373const Component = () => {
@@ -87,7 +87,7 @@ Customizing a seed on the other hand is a little bit more complicated, yet still
8787because we need to let the bracket tree to have a consitent design
8888
8989``` jsx
90- import { Bracket , RoundProps , Seed , SeedItem , SeedTeam } from ' tournaments -brackets' ;
90+ import { Bracket , RoundProps , Seed , SeedItem , SeedTeam } from ' react -brackets' ;
9191import React from ' react' ;
9292
9393const CustomSeed = (seed : any , breakpoint : number , roundIndex : number ) => {
@@ -116,7 +116,7 @@ const Component = () => {
116116How about if I want to use this component for double elimination losing bracket? the current Seed component only works on single elimination, the answer is fairly simple as well.
117117
118118` ` ` jsx
119- import { Bracket , RoundProps , Seed , SingleLineSeed , SeedItem , SeedTeam } from ' tournaments -brackets' ;
119+ import { Bracket , RoundProps , Seed , SingleLineSeed , SeedItem , SeedTeam } from ' react -brackets' ;
120120import React from ' react' ;
121121
122122const CustomSeed = (seed : any , breakpoint : number , roundIndex : number ) => {
0 commit comments