Tournament Bracket

Турнирная сетка: single и double elimination, счёт серий, победитель, путь команды, монограммы. Pro · Игры › Турниры и патчи

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add tournament-bracket

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { TournamentBracket } from 'valyro-ui-pro';

Prop	Type	Default
`teams` *	`EsportsTeam[]`		Teams or players.
`matches` *	`EsportsMatch[]`		Matches with their `round` (0 = first) and `index` inside it. Lower-bracket and grand-final matches (`bracket: 'lower' \| 'grand'`) make it a double-elimination bracket; a `thirdPlace` match goes under the final.
`roundNames`	`string[]`		Round names of the upper (or only) bracket instead of Final, Semifinals, Round N (index 0 = first round).
`lowerRoundNames`	`string[]`		Round names of the lower bracket.
`onMatchClick`	`(match: EsportsMatch) => void`		Makes matches buttons, e.g. to open the match page.
`highlightTeam`	`string`		Team whose path is highlighted (the pointer highlights the team under it).
`title`	`ReactNode`		Heading. Default: `labels.title`.
`subtitle`	`ReactNode`		Line under the heading: dates, format, prize pool.
`headingLevel`	`2 \| 3 \| 4 \| 5`	`3`	Level of the heading; rounds go one level below (default 3).
`timeZone`	`string`		IANA time zone of match times (default: the ThemeProvider's, then the reader's).
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's.
`labels`	`Partial<TournamentBracketLabels>`		Overrides for the built-in English text; keys left out keep their defaults.