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

BroadcastIcontype

The icons of the title band's square, drawn by the package: a medal and a stopwatch. none leaves the band whole.

Import it

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

Definition

type BroadcastIcon = "medal" | "stopwatch" | "none";

Examples

import { resultsBoard, type BroadcastIcon } from "@johnmorrisdotca/taisen-brackets";

const icon: BroadcastIcon = "stopwatch";
console.log(resultsBoard({ title: "Final", rows: [{ name: "A" }] }, { icon }).startsWith("<svg"));
true

What it prints (run when this page was built)

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