This demo is a drop-in component that renders a badge of real-time updating stock prices on your website. The entire component is a self-contained web component built using Lit and the Yuzu Stock and Crypto API.
To use in your own website, go grab an API key from Yuzu.dev.
Then, drop this line in the <head> of your html:
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Stock Price Badge demo</title>
<!-- 👇 These are the two lines you want -->
<script type="module"
src="https://unpkg.com/@yuzu-hq/stock-price-badge/dist/stock-price-badge.es.js"></script>
</head>And then on your page, just render it like any other HTML element:
<div>
<stock-price-badge
symbol="BRK.A"
api-key="YOUR API KEY">
</stock-price-badge>
</div>And voila! You're off to the races 🐎.
Leave us an issue for comments, requests, or feedback!