Double elimination
Everyone gets two lives. Losers drop into a losers bracket, and the champions meet in a grand final.
Winners bracket
Quarterfinals
- Falcons1Cobras0
- Lynx2Orcas0
- Wolves3Bison0
- Herons0Ravens1
Semifinals
- Falcons1Lynx0
- Wolves1Ravens0
Winners final
- Falcons3Wolves0
Grand final
- FalconsTBD
Reset
- TBDTBD
Losers bracket
Round 1
- CobrasOrcas
- BisonHerons
Round 2
- TBDRavens
- TBDLynx
Round 3
- TBDTBD
Losers final
- TBDWolves
import { Bracket, doubleElimination } from 'react-brackets';
<Bracket stage={doubleElimination(teams, { grandFinal: 'reset' })} />;<Bracket> draws the winners bracket with the grand final continuing on the same row, and the losers bracket below it.
Grand final
grandFinal | Behaviour |
|---|---|
'reset' (default) | If the losers bracket champion wins the final, a second final decides it. Otherwise the reset is skipped and hidden. |
'single' | One final, whatever happens. |
'none' | No grand final, for when you settle it elsewhere. |
How the losers bracket works
Losers bracket rounds alternate. First the survivors play each other, then they meet the next round's winners bracket losers. Drop-ins are mirrored every other round to delay rematches. Byes resolve through both brackets automatically.
Match ids use main.wb.* for the winners bracket, main.lb.* for the losers bracket and main.gf.* for the grand final.
Every option, with its type and default, is in the API reference.