Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Live Game Carousel

us.match.nhl.liveMatchCarousel displays a scrolling carousel of live or upcoming NHL games.

Parameters

Name Type Description
props object properties
Name Type Argument Default Description
tournaments string '' Tournaments to display in a comma-separated string. Valid options are regular, preseason, allstar or an empty value (all tournaments). More than one can be included.
limit number 10 Max number of games shown.
autoplay boolean 'true' If false stops carousel autoplay.
autoplaySpeed number 5000 Carousel autoplay speed in ms.
showDate boolean If true displays date along match time.
border boolean If true enables a border around the widget.
onMatchesSet function Function/event handler. Emits matchIds array on team click or touch.
onItemClick function Function/click handler. Emits target and data on click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.match.nhl.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.nhl.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.nhl.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.nhl.liveMatchCarousel', { onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>