Skip to the content

Taisen Brackets対戦

Knockout brackets as SVG, from a list of ties.

Taisen (対戦, たいせん) is Japanese for a matchup: two sides facing each other. About the name

Contents

Reference · Draw a bracket, a table or a road to the final

groupsTablefunction

The table of the groups as HTML, for a reader the drawing does not serve: one <table> a group, its caption the group's name, a row a team.

Import it

import { groupsTable } from "@johnmorrisdotca/taisen-brackets";

Definition

function groupsTable(input: BracketLayout | readonly Matchup[] | BracketInput, options?: Pick<DrawOptions, "locale" | "words" | "teamName" | "standings"> & { className?: string; }): string

Parameters

NameTypeDescription
inputreadonly Matchup[] | BracketInput | BracketLayout

The matchups, a { matchups, teams } or a layout.

options (optional)Pick<DrawOptions, "locale" | "words" | "teamName" | "standings"> & { className?: string; }

The language, the words, the standings columns and a className.

Returns

string

The HTML, one <table> for each group; an empty string when there is no group game.

Examples

import { groupsTable } from "@johnmorrisdotca/taisen-brackets";

const teams = [{ id: "A", name: "Aurora", group: "A" }, { id: "B", name: "Harbour", group: "A" }];
console.log(groupsTable({ teams, matchups: [{ sides: ["A", "B"], score: [2, 1], round: 0 }] }).includes("<table"));
true

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/taisen-brackets 0.20.0.