Widget Docs
Coverage MatrixDocumentationChange LogLog InContact Us
Widget Docs

Live Game Carousel

us.match.nba.liveMatchCarousel displays a scrolling carousel of live or upcoming NBA games.

Parameters

NameTypeDescription
propsobjectproperties
NameTypeArgumentDefaultDescription
tournamentsstringoptional''Tournaments to display in a comma-separated string. Valid options are regular, preseason, allstar, summerleague or an empty value (all tournaments). More than one can be included.
limitnumberoptional10Max number of games shown.
autoplaybooleanoptional'true'If false stops carousel autoplay.
autoplaySpeednumberoptional5000Carousel autoplay speed in ms.
showDatebooleanoptionalIf true displays date alongside game time.
borderbooleanoptionalIf true enables a border around the widget.
onMatchesSetfunctionoptionalFunction/event handler. Emits matchIds array on team click or touch.
onItemClickfunctionoptionalFunction/click handler. Emits target and data on click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.match.nba.liveMatchCarousel"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>
<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.nba.liveMatchCarousel');
</script>
<div id="sr-widget"></div>
<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.nba.liveMatchCarousel', { onMatchesSet: function(matchIds) { console.log('matchIds: ' + matchIds.join(', ')); }});
</script>
<div id="sr-widget"></div>
<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.nba.liveMatchCarousel', { onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>