Documentation

Widgets.us.season.ncaaf.Playoffs

us.season.ncaaf.playoffs shows playoffs bracket i.e. tree diagram that represents the series of games played during a playoffs tournament.

Widget renders without any input props playoffs bracket for the FBS tournament active season.

new Playoffs(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
seasonId number <optional>

Selected season id of any NCAAF unique tournament sequence will be translated to horizontally connected playoffs season of unique tournament id 24135. Has priority over year.
year number <optional>

Selected year as friendly alternative to seasonId. It is the end year property of selected playoffs season.
showHeaderTitle boolean <optional>
 true

If false hides header title.
showHeaderRounds boolean <optional>
 true

If false hides header rounds.
showTournamentSelector boolean <optional>
 true

If false hides tournament selector.
showYearSelector boolean <optional>
 true

If false hides year selector.
hideTeamLogos boolean <optional>

If true hides team crest.
onItemClick function <optional>

Function/event handler. Emits uniqueTeamId on click or touch.
border boolean <optional>

If true enables a border around the widget.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.season.ncaaf.playoffs" data-sr-season-id="62063"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.season.ncaaf.playoffs', {seasonId: 73689});
</script>
<div id="sr-widget"></div>