broadage-widget-react v1.0.11

broadage-widget-react

Broadage widgets react wrapper

• Tournament list widget
• Livescore widget
• Tournament Info widget
• Tournament Teams widget
• Tournament Fixture widget
• Team Fixture widget
• Tournament Standings widget
• Leaderboard widget
• Leaderboard Points widget
• Match Summary widget
• Match Boxscore widget
• Match Play by Play widget
• Team Squad widget
• Team Schedule widget
• Leaderboard widget
• Leaderboard Goals widget
• Leaderboard Assists widget
• Leaderboard Yellow Cards widget
• Leaderboard Red Cards widget
• Team Squad with Statistics widget
• Timeline widget
• Lineup widget
• Formation widget
• Lead Tracker widget
• Match Center widget
• Match Center widget
• more

Installation

yarn add broadage-widget-react or npm install broadage-widget-react --save

Products and Documentations

Main Page Developers Guide Widget Guide

Usage

import React, { Component } from 'react';
import BroadageWidget from 'broadage-widget-react';

export class SampleSoccerFixture extends Component {
     onActionCallback = (widgetType, actionType, actionPayload) => {
        console.log(widgetType, actionType, actionPayload);
     };
    
     render() {
         // Soccer Fixture Sample
         return (
             <BroadageWidget
                 requiredFields={{ tournamentId: 1 }}
                 options={{ lang: 'en-US' }}
                 widget="soccerFixture"
                 bundleId="soccer-fx"
                 accountId="0000-0000-0000"
                 className="widget-wrapper"
                 queryStringParse={{ tournamentId: "tid" }}
                 onActionCallback={this.onActionCallback}
             />
         )
     }
}

export class SampleBasketballMatchCenter extends Component {
     onActionCallback = (widgetType, actionType, actionPayload) => {
         console.log(widgetType, actionType, actionPayload);
     };
     
     render() {
         // Basketball Match Center Sample
         return (
             <BroadageWidget
                 requiredFields={{ matchId: 286298 }}
                 options={{ lang: 'fr-FR', theme: "darkBlue" }}
                 widget="basketballMatchCenter"
                 bundleId="basketball-mc"
                 accountId="0000-0000-0000"
                 className="widget-wrapper"
                 queryStringParse={{ matchId: "mid" }}
                 onActionCallback={this.onActionCallback}
             />
         )
     }
}

Props

Widget type to bundleId