Installation

Previous Next

Get started with BAHA Widgets by adding the widget scripts to your HTML page.

Quick Start

Load specific widgets for better performance:

<!-- Load specific widgets -->
<script src="https://widget.baha.net/cdn/ticker-widget.min.js"></script>
<script src="https://widget.baha.net/cdn/gainers-widget.min.js"></script>

Or load all widgets at once:

<!-- Load all widgets -->
<script src="https://widget.baha.net/cdn/baha-widgets.min.js"></script>

Basic Usage

<!DOCTYPE html>
<html>
  <head>
    <title>BAHA Widgets Demo</title>
  </head>
  <body>
    <script src="https://widget.baha.net/cdn/ticker-widget.min.js"></script>

    <baha-ticker
      ids="tts-23947362,tts-829802"
      groups="435"
      language="en"
      theme="light"
    >
    </baha-ticker>
  </body>
</html>

Available Widgets

  • Chart Widget - Interactive financial charts
  • Ticker Widget - Scrolling real-time prices
  • Commodities Widget - Specialized market data
  • Currencies Widget - Specialized market data
  • Crypto Widget - Specialized market data
  • Indices Widget - Specialized market data
  • Gainers Widget - Top performing securities
  • Losers Widget - Worst performing securities

Next Steps

Explore the Widgets section for detailed configuration options and examples for each widget.

Home Chart