react-brackets-vt/dist/types/SingleElimination.d.ts

React component to render dynamic bracket UI

import { SwipeableViewsProps } from 'react-swipeable-views';
import { IRenderSeedProps } from '../types/Seed';
import { IRoundProps } from './Rounds';
export interface ISingleEliminationProps {
    rtl?: boolean;
    rounds: IRoundProps[];
    roundClassName?: string;
    /** @default 992, if you don't want a mobile breakpoint, pass 0 */
    mobileBreakpoint?: number;
    bracketClassName?: string;
    /** {@link https://github.com/oliviertassinari/react-swipeable-views} to read about it's props  */
    swipeableProps?: SwipeableViewsProps;
    /**
     * @param {string} title string or component passed with each round
     * @param {number} round the current round index
     */
    roundTitleComponent?: (title: string | JSX.Element, roundIdx: number) => JSX.Element;
    /**
     * @param {object} seed the current seed
     * @param {number} breakpoint the breakpoint used to determine responsive size
     * @param {number} roundIdx the current round index
     */
    renderSeedComponent?: (props: IRenderSeedProps) => JSX.Element;
    /** @default false, if true component will be two-sided tournament **/
    twoSided?: boolean;
}