bracketryjs
Visualize a knockout tournament in the browser

Third place match

Match.isBronzeMatch (in your data)

This property specifies if a given match is a "bronze" match (third place match).
If such match is found in your data, it will be rendered below the final match.



Important: roundIndex and order

You have to provide a proper roundIndex and order for a bronze match:
    roundIndex should be the index of the last round;
    order must be 1 (or "1").
Otherwise a bronze match will not be rendered

...

const data = {
    rounds: [{}, {}],
    matches: [
        ...
        {
            roundIndex: 1,
            order: 1,
            isBronzeMatch: true,
            sides: ...
        }
    ]
}

createBracket(data, wrapper)



Default "3rd place" title

By default a title "3RD PLACE" is added to a "bronze" match to differentiate it from a final match.
You can override this using getMatchTopHTML option.
If you don't want a title at all, return an empty string from this function.
Otherwise return whatever you need for a bronze match.

...
const options = {
    getMatchTopHTML: match => {
        if (match.isBronzeMatch) {
            return 'some HTML for a bronze match'
        }
        return ''
    }
}

createBracket(data, wrapper, options)